美文网首页
vue2 axios post请求无法带参数的问题

vue2 axios post请求无法带参数的问题

作者: 竹杖芒鞋轻胜码 | 来源:发表于2017-12-19 19:39 被阅读0次

来源:vue2中使用axios http请求出现的问题解决

我也碰到了同样的问题,通过proxyTable 转发 Api


image.png

然后出现了 request 404的错误

按照那篇文章里面创建了axios的实例就好了

我刚开始设置的是

const axiosG = axios.create({
    headers: { 'content-type': 'json' }
});

export const getCaseLibList = params => { 
    return axiosG.get(`${base2}/case/list/`, { params: params });
};

处理axiosG.get()方法是没有问题的,但是axiosG.post()方法却一直不能带参数请求。
刚开始我以为是没有使用qs.stringify()params进行处理,设置了之后却也依然没有用。

实例化一个 application/x-www-form-urlencoded类型的header,并加上qs.stringify(params)就可以了
如下:

const axiosP = axios.create({
    headers: { 'content-type': 'application/x-www-form-urlencoded' }
});

export const removeComment = params => { 
    return axiosP.post(`${base2}/comment/delete/`, qs.stringify(params));
};

相关文章

网友评论

      本文标题:vue2 axios post请求无法带参数的问题

      本文链接:https://www.haomeiwen.com/subject/cwpiwxtx.html