欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-17 22:01:55
0917自我总结 Vue cli中axios传参的方式以及后端取的方式 一.传参 params是添加到url的请求字符串中的,用于get请求。 data是添加到请求体(body)中的, 用于post请求。 首先现在main.js进行配置 如:get请求 如:post请求 二.后台获取 如果是 传参后 ......

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