axiospost请求向后端提交数据

axiospost请求向后端提交数据

Axios向后端提交数据容易接收不到原因是传参方式是request payload,参数格式是json，而并非用的是form传参，所以在后台用接收form数据的方式接收参数就接收不到了。post表单请求提交时，使用的Content-Type是application/x-www-form-urlencoded，而使用原生AJAX的POST请求如果不指

定请求头RequestHeader，默认使用的Content-Type是text/plain;charset=UTF-8。

所以采取以下解决办法 

安装 qs   : npm install qs --save    在页面中引用 qs :   var qs = require('qs'); 同时需要将请求头headers改为： 'Content-Type': 'application/x-www-form-urlencoded', 

 

axios发送请求代码是 ,datas是个json数据

1. let postData=this.$qs.stringify(datas)
2.          console.log(postData)
3.          this.$axios({
4.           method: 'post',
5.           url:'/api/productInfo/insert',
6.           data:postData
7.         }).then((res)=>{
8.             console.log(res)
9.        });

posted on 2018-05-08 00:57 gisery 阅读( ...) 评论( ...) 编辑 收藏