axios不发起请求_终于明白了vue使用axios发送post请求时的坑及解决原理

前言：在做项目的时候正好同事碰到了这个问题，问为什么用axios在发送请求的时候没有成功，请求不到数据，反而是报错了，下图就是报错请求本尊

vue里代码如下：

this.$http.post('/getMatterList.do',{"matterIds":"1,2,3"})

.then((res)=>{

console.log(res);

})

乍一看，没毛病啊，请求不就是这么发的吗，axios官方文档都这么示范的呢，还能有错？我们再来仔细看下浏览器里发出去的请求

有没有发现什么蹊跷，传送参数的形式不是我们熟悉的form-data，而是Request Payload。莫慌，其实我们只要做两步设置就可以解决了

用Qs.stringify()将对象序列化成URL的形式，Qs是axios里面自带的，所以直接引入就可以了

设置请求头里的'Content-Type'为'application/x-www-form-urlencoded'

import Qs from 'qs'

var data = Qs.stringify({"matterIds":"1,2,3"});

this.$http.post('/getMatterList.do',data, {headers:{'Content-Type'