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

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

相关推荐
Mintopia1 分钟前
AI × 架构:用“智能闭环”把系统产出做到超预期
前端
wuhen_n3 分钟前
shallowRef 与 shallowReactive:浅层响应式的妙用
前端·javascript·vue.js
wuhen_n9 分钟前
事件监听器销毁完全指南:如何避免内存泄漏?
前端·javascript·vue.js
电商API&Tina11 分钟前
1688跨境寻源通API数据采集: 获得1688商品详情关键字搜索商品按图搜索1688商品
大数据·前端·数据库·人工智能·爬虫·json·图搜索算法
૮・ﻌ・19 分钟前
Nodejs - 01:Buffer、fs模块、HTTP模块
前端·http·node.js
大漠_w3cpluscom27 分钟前
为什么 :is(::before, ::after) 不能工作?
前端
aXin_li30 分钟前
从原子化到工程化:Tailwind CSS 的深层价值与实践思考
前端·css
IT_陈寒31 分钟前
用Python爬虫抓了100万条数据后,我总结了这5个反封禁技巧
前端·人工智能·后端
qq_4112624231 分钟前
AP模式中修改下wifi名称就无法连接了,分析一下
java·前端·spring
BUG创建者33 分钟前
uniapp 开发app时播放实时视频海康ws的流数据
前端·javascript·vue.js·uni-app·html·音视频