当前位置： 移动技术网 > IT编程>开发语言>JavaScript > Vue-cli中axios传参的方式以及后端取的方式

Vue-cli中axios传参的方式以及后端取的方式

2019年09月17日  | 移动技术网IT编程  | 我要评论

0917自我总结

vue-cli中axios传参的方式以及后端取的方式

一.传参

  • params是添加到url的请求字符串中的，用于get请求。
  • data是添加到请求体（body）中的， 用于post请求。

首先现在main.js进行配置

import axios from 'axios'
vue.prototype.$axios = axios;

如:get请求

<script>
    ......
    事件的函数() {
     this.$axios({
                    url: xxxxx
                    method: 'get',
                    params: {
                        变量名: 变量值
                    }
                }).then(response => {请求成功逻辑代码})..catch(error => {请求失败逻辑代码})
    }
    ........
</script>

如:post请求

<script>
    ......
    事件的函数() {
     this.$axios({
                    url: xxxxx
                    method: 'post',
                    data: {
                        变量名: 变量值
                    }
                }).then(response => {请求成功逻辑代码})..catch(error => {请求失败逻辑代码})
    }
    ........
</script>

二.后台获取

如果是params传参后台取request.get或者request.query_params

如果是data传参后台取request.data

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网