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

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

相关推荐
派小心.21 分钟前
DAU和MAU怎么计算?先确定活跃事件、用户键和统计窗口
大数据·服务器·前端·人工智能·数据分析
代码猎人22 分钟前
前端怎么配合后端完成bug修复
前端
叫我铁汁儿吧25 分钟前
JS作用域
前端·面试
定栓25 分钟前
Webpack迁到Vite第七节(四):全家桶移除 — 保留项、脚本与数据收尾
前端·webpack·node.js
代码猎人33 分钟前
前端怎么优化首屏加载速度
前端
代码猎人34 分钟前
前端怎么保障项目稳定上线与运行
前端
数据掘金34 分钟前
小程序埋点方案的埋点文档怎么自动生成?
前端
deli00735 分钟前
cron 表达式为什么总跑错?10 个场景实测,下次执行时间一眼看懂
前端
代码猎人38 分钟前
前端怎么优化页面性能
前端
代码猎人41 分钟前
前端怎么配合后端完成数据对接
前端