axios post请求向后端提交数据

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/wyw223/article/details/84312535

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 , 同时需要将请求头headers改为: ‘Content-Type’: ‘application/x-www-form-urlencoded’,

       let postData=this.$qs.stringify(datas)
         this.$axios({
          method: 'post',
          url:'/api/productInfo/insert',
          data:postData
        }).then((res)=>{
            console.log(res)
        });
展开阅读全文

没有更多推荐了,返回首页