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

时间:2019-09-17
本文章向大家介绍Vue-cli中axios传参的方式以及后端取的方式,主要包括Vue-cli中axios传参的方式以及后端取的方式使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

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

$flag 上一页 下一页