当前位置: 首页 > 后端技术 > Node.js

使用vue2+axios遇到的一些坑

时间:2023-04-04 00:05:24 Node.js

1.向服务器请求两次的情况(1)axios默认的请求头是Content-Type:application/json,使用这个请求头会出现向服务器请求两次(2)浏览器会先使用OPTIONS方法发起判断接口是否可以正常通信的预请求。如果不是,它不会发送真正的请求。如果测试通信正常,则开始真正的请求;说:我可以问你吗?( ̄ ̄ ̄) 后台说:郭义。( ̄▽ ̄)~*结果是:发送原始GET(POST)请求,后台写着:不太宽。(‵﹏′)结果为:错误(3)解决方法:设置axios的默认请求头axios.defaults.headers['Content-Type']='application/x-www-form-urlencoded'(使用qs模块可以不设置,qs模块会自行设置);(4)设置后,后台不识别该数据格式,传输时必须转换数据格式;//步骤1。npminstallqs//第二步。在主要。在js中引入qs模块importqsfrom'qs';//需要的时候调用qs.stringify()方法this.$axios.post('api/login',qs.stringify({name:'xxx',密码:'*********'}).then(res=>{}).catch(err=>{});