Vue——axios的post请求参数传不过去

写这篇文章的主要目的是记录一个问题： vue里面用axios发送post请求的时候看不到参数。

Post请求代码：

//请求方法
async funcInitTableData(parms){let _this = this;await this.$http.post('http://172.*.*.*:90/plan/task/tree', parms).then(res => {if(res.data&&res.data.code==200){console.log(res.data)}}).catch(err => console.log(err));
},//todo 调用请求
let parms = {rId:125,projectType:'施工项目'};
this.funcInitTableData(parms);

结果：

问题原因：传送参数的形式不是我们熟悉的form-data，而是Request Payload

处理：用Qs.stringify()将对象序列化成URL的形式

//请求方法
async funcInitTableData(parms){let _this = this;let data = Qs.stringify(parms);await this.$http.post('http://172.*.*.*:90/plan/task/tree', data,{headers:{'Content-Type':'application/x-www-form-urlencoded'}}).then(res => {if(res.data&&res.data.code==200){console.log(res.data)}}).catch(err => console.log(err));
},//todo 调用请求
let parms = {rId:125,projectType:'施工项目'};
this.funcInitTableData(parms);

结果：

get请求：

await this.$http.get('/plan/task/tree', {params:{rId:125,projectType:'施工项目'}}).then(res => {if(res.data&&res.data.code==200){console.log(res.data)}else{_this.tableData = [];}
}).catch(err => console.log(err)
);

结果：

Vue——axios的post请求参数传不过去相关推荐

axios 登录后设置header,vue+axios 全局添加请求头和参数操作
vue+axios 全局添加请求头和参数操作走登录的接口都会返回一个 token 值, 然后存起来方便之后调接口的时候给后台传过去, 传给后台的方式有两种:(具体使用哪种需要和后台商量) 1, 放在 ...
vue上传文件到php,vue+axios+php如何实现上传文件功能？,formdata上传文件附加参数...
vue+axios+php如何实现上传文件功能?Vue Axios PHP如何实现上传文件的功能?, 推荐:<PHP视频教程> 当我们提交表单时,我们经常会遇到一些表单提交要求.vue的a ...
解决vue axios跨域请求发送两次问题
解决vue axios跨域请求发送两次问题参考文章: (1)解决vue axios跨域请求发送两次问题 (2)https://www.cnblogs.com/wordblog/p/12171875. ...
vue axios全局封装请求和 vue三种js跳转页面方式
axios全局封装请求第一步在src文件下新建api文件文件下新建request.js文件 // 导入axios import axios from "axios"; // 进 ...
axios 之 post请求参数格式不正确得问题
问题是这样得,今天用axios 发起要给post请求,参照官方写得请求过后发现后台拿不到数据,找了很久发现了问题: 就是axios发起post请求得时候发送过去的数据成了键,而值是空就是 ...
vue axios 阻塞未完成请求
import _ from 'lodash' import axios from 'axios' const { CancelToken, Cancel } = axios const tokens ...
vue axios 发送get请求传递参数给后端失败_Java之Vue插件之Axios
Java之Vue插件之Axios,环境安装: npm install --save axios vue-axios //安装axios Npm install //安装依赖在main.js中注册 i ...
vue+axios+el-upload实现文件上传（带参数）：
本次使用http-request自定义文件上传: <el-upload class="upload-demo" action="string" :http ...
vue axios跨域请求_axios的请求拦截和vue路由的导航守卫有什么区别
在Vue项目中,有两种用户登录状态判断并处理的情况,分别为:导航守卫和axios拦截器. 1. 导航守卫:拦截组件导航守卫就是我们进行某些页面的时候需要判断当前用户是否登录过,如果登陆过,则可以跳转 ...

Vue——axios的post请求参数传不过去

处理：用Qs.stringify()将对象序列化成URL的形式

Vue——axios的post请求参数传不过去相关推荐

最新文章

热门文章