axios 的跨域问题
之前没了解什么是跨域,所以以为在同一台机子上运行前后端代码即可不用解决跨域的问题,在此,我深深为我的憨憨所抱歉。
在将token放进request头之后,运行项目之后进入后端,被拦截器所拦截,报错内容为:
No ‘Access-Control-Allow-Origin’ header is present on the requested resource
连接不到后端接口,即需要跨域。
axios的跨域问题
1.在axios的设置文件中设置baseURL和headers
axios.defaults.baseURL = '/api'
axios.defaults.headers.post['Content-Type'] = 'application/json';
2.在index.js设置文件中设置proxyTable:
proxyTable: {
'/api':{
target: "http://127.0.0.1:8080",//即自己所需要跨域的接口
changeOrigin:true,
pathRewrite:{
'^/api':''
}
}
}
- ‘^/api’:’’*是必须要的
ub.io/flowchart.js/
3.重启项目 就可以完成跨域问题了!