从品牌网站建设到网络营销策划,从策略到执行的一站式服务
使用axios处理post请求时,出现的问题解决
成都创新互联从2013年成立,先为临淄等服务建站,临淄等地企业,进行企业商务咨询服务。为临淄企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
默认情况下:axios.post(url, params).then(res => res.data);
当url是远程接口链接时,会报404的错误:
Uncaught (in promise) Error: Request failed with status code 404
我们需要实例化一个新的axios,并且设置他的消息头为'content-type': ‘application/x-www-form-urlencoded'
于是得出解决方案:
var instance = axios.create({ headers: {'content-type': 'application/x-www-form-urlencoded'} }); instance .post(`url`, params).then(res => res.data);
然后发现不报错了,但是后台接受不到传入参数,查阅资料,发现需要引入一个qs模块
var qs=require('qs'); var instance = axios.create({ headers: {'content-type': 'application/x-www-form-urlencoded'} }); instance .post(`url`, qs.stringify(params)).then(res => res.data);
大功告成!
问题解决!
以上这篇解决vue2中使用axios http请求出现的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图