axios的post请求问题

Question

用ajax可以请求，在vue中不可以，报的应该是签名错误，我在jq中也是这个，还是我post格式不对，求解

Answer 1

你看你的 data 都是两个引号了，肯定格式是不对的。

你把jquery的截图看一下body和content-type，然后axios模拟一下就OK了

Answer 2

签名错误让后台一起排查下；看下是报的什么签名错误，还是对参数校验了，序列化一般是需要转json字符串；你这个应该不用转；

Answer 3

第二个参数不要用qs.stringify;直接用data;

Answer 4

axios.post('/user/12345', {
name: 'new name'
}, {
cancelToken: source.token
})

官网的例子

Answer 5

this.$axios.post('xxx',qs.stringify(data),{
 headers:{
    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
 }
})

Answer 6

你可以打印一下你的qs.stringify(data)看看，应该是结果里他前后都带了双引号，所以引号作为参数传出去了

你可以直接用data，或者传个FormData

const formData = new FormData()
Object.keys(data).forEach((key) => {
    formData.append(key, data[key])
})

Answer 7

为什么报签名验证失败，求解，这个接口用ajax进行请求不会报错

Answer 8

看样子像是 axios (this.$axios) 配了 transformRequest 把传入的数据再转了一次 JSON。所以应该直接给数据，不要 this.$qs.stringify 就好了。