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

我前端是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,就只能加一个了

相关推荐
小帅不太帅12 分钟前
我随手发了几张截图,白拿了一个月 AI 顶配会员
前端·github
36岁的我开始学习打篮球12 分钟前
外规内化技术架构
前端
雪隐29 分钟前
用Flutter做背单词APP-03为了给单词库塞满数据,我让AI给我打了上万份工
前端·人工智能·后端
hunterandroid29 分钟前
Android 安全最佳实践:从数据存储到网络通信的防护思路
前端
H Journey30 分钟前
web开发学习:html、css、js
前端·css·html·js
hunterandroid35 分钟前
Compose 性能优化:从卡顿到丝滑的实战经验
前端
hunterandroid40 分钟前
Kotlin Coroutines 在 Android 项目中的落地实战
前端
不一样的少年_1 小时前
不用框架,手搓 AI Agent:(一) 先让它跑起来
前端·后端·agent
味悲1 小时前
浏览器解析机制与XSS的15种编码绕过
前端·xss
小牛itbull1 小时前
【译】为什么我使用 React 重构了 WordPress?
前端·react.js·重构