vue项目中遇到跨域问题时的解决办法

原创 motu_1991 随笔 vueJs 348阅读 2017-11-30 19:00:36 举报

项目中遇到的问题,在这记录一下:
axios.interceptors.request.use(function (config) {
config.data = Qs.stringify(config.data)
config.headers = {
'Content-Type':'application/x-www-form-urlencoded'
}

if(!!store.state.accessToken) {
config.headers.Authorization = store.state.tokenType + ' ' + store.state.accessToken;
}

return config;

}, function (error) {
return Promise.reject(error);
});
最开始报错是:Content-Type 不被允许,以为是要改成application/json 就好了,并没有,又在入口文件里添加了这两句:
config.data = Qs.stringify(config.data)
config.headers = {
'Content-Type':'application/x-www-form-urlencoded'
}
依然不对返回的数据,传入的数据没问题,就是返回的有问题,后来在头部引入了 qs:import Qs from 'qs'; 才算解决了,能返回正确的数据了

评论 ( 2 )
最新评论
戒不掉的殇 2017-12-01 09:34:21 2F

我用的是设置谷歌浏览器跨域

q514393412 2017-12-01 08:55:28 1F

import Qs from 'qs'; qs是什么?