前端调用后端,出现跨域报错怎么办

我前端是vue,后端是其他同事写的python,因为部署在不同的机器上,我前端如果直接调用他的python,axios请求就会出现跨域报错,如下 blocked by CORS policy 云云

怎么办呢,网上探索了一下午,才找到最可靠的解法。那就是在前端所在的Nginx,做这样的转发:

upstream 后端就是某台机的python端口

核心是这三行

bash 复制代码
add_header Access-Control-Allow-Origin '域名'; 
add_header Access-Control-Allow-Credentials 'true';
add_header Access-Control-Allow-Headers 'dataType,DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';

注意,Access-Control-Allow-Origin,可以加多个域名,但如果前端启用了credentials,就只能加一个了

相关推荐
携欢5 小时前
POrtSwigger靶场之CSRF where token validation depends on token being present通关秘籍
前端·csrf
weixin_446260855 小时前
MudBlazor:轻松构建美观的Web应用程序!
前端
谜亚星5 小时前
GSAP学习(五)
前端·动效
code_Bo5 小时前
基于vxe-table进行二次封装
前端·javascript·vue.js
小时前端5 小时前
现代Web认证体系深度解析:从JWT原理到SSO架构设计
前端·面试
前端一课6 小时前
公开分享一个AI番茄短故事模块技术方案(含代码)
前端
晴殇i6 小时前
为什么现代 JavaScript 代码规范开始建议禁止使用 else ?
前端·javascript·前端框架
源力祁老师6 小时前
OWL与VUE3 的高级组件通信全解析
前端·javascript·vue.js
花开月正圆6 小时前
遇见docker-compose
前端
护国神蛙6 小时前
自动翻译插件中的智能字符串切割方案
前端·javascript·babel