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

By | 2019年9月18日

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

发表评论