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

0
2
家鸽啦啦啦
回复
前端侠
哦,这个貌似需要前端处理跨域了,老师好像视频中有提到过,我还是小白也不会哈哈哈......
2018-09-29
共2条回复

Python前后端分离开发Vue+Django REST framework实战

Django REST framework课程视频,RESTFul API前后端分离开发

2873 学习 · 2457 问题

查看课程