axios问题
来源:6-5 vue展示商品列表页数据
前端侠
2018-09-28
我在vue项目里面调用其他网站的https接口,提示Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers in preflight response.
但是能正常登录xadmin和前端网站也能正常登录,就是调用其他网站接口那部分提示错误。
我在axios的index.js里面加了http request 拦截器:
axios.interceptors.request.use(
config => {
if (Cookies.get('token')) { // 判断是否存在token,如果存在的话,则每个http header都加上token
config.headers.Authorization = `JWT ${Cookies.get('token')}`;
//config.headers.headers = `Access-Control-Allow-Origin: *`
}
return config;
},
err => {
return Promise.reject(err);
});
查找了很多资料,没有找到解决办法。
试过在index.js里面添加axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
没用,请问怎么解决这个问题?谢谢
写回答
1回答
-
家鸽啦啦啦
2018-09-29
看样子像是跨域的问题,可以下载个coresheaders包放到工程下面,参考下这个问题http://coding.imooc.com/learn/questiondetail/64225.html
022018-09-29
Python前后端分离开发Vue+Django REST framework实战
Django REST framework课程视频,RESTFul API前后端分离开发
2873 学习 · 2457 问题
相似问题