【1119 | Day62】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