前后端分离项目的跨域问题
问题:
请求跨域报错:
Blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested……
解决方案1
在Vue项目根目录下新建 vue.config.js
文件,文件内容:
1 | module.exports = { |
试了这种方式,但是在调试信息中看到输出的实际请求地址是http://localhost:8091/api/
,返回404错误,不知道是不是哪里配置得不对。
解决方案2
在项目 config/index.js文件中的proxyTable中添加下面的内容,然后请求时的url拼接为:/api/xxx,这种方式能成功请求到后台。
不要配置axios.defaults.baseURL
。
1 | '/api': { |
改完配置之后记得重启项目!!
解决方案3
可以使用Nginx代理实现跨域,照着网上的资料配置了server的listen项和proxy项,但是没有配置成功,有时间再试试。