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
推荐阅读
-
Vue-CLI项目中路由传参的方式详解
-
Vue-cli中axios传参的方式以及后端取的方式
-
ajax中data传参的两种方式分析
-
详解vuex中mutation/action的传参方式
-
flask四种传参方式以及所有接受参数的方式
-
Vue-CLI项目中路由传参的方式详解
-
Vue-cli中axios传参的方式以及后端取的方式
-
VUE的事件绑定修饰符练习及vue列表渲染及条件渲染练习,vue键盘事件+数组方式参数的传递学习及vue的计算属性访问器属性及侦听属性练习以及vue注册组件自定义标签及子组件向父组件传参及父组件向父组件传参
-
vue-element-admin的axios api 封装get, post, put, delelt传参方式
-
VUE中axios的get、post请求传参方式