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

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

相关推荐
10年前端老司机3 分钟前
别卷CRUD了!前端用Next.js+LangChain.js,低成本冲进AI高薪赛道
前端·langchain·next.js
二进制漫游记7 分钟前
ECharts 从入门到实战|前端数据可视化完整教程
前端·信息可视化·echarts
weixin_440730509 分钟前
pytest结合allure生成html测试报告(step、story、severity、screenshot)
前端·html·pytest·allure报告
星月日15 分钟前
前端上手后端起手式
前端·后端
掘金挖土16 分钟前
前端手摸手跑路之 AI 应用开发(一)
前端·后端
咖啡无伴侣25 分钟前
3. 从零搭建企业级 Monorepo 工程化模板:集成 Husky 9 + lint-staged
前端·架构
MetaLite32 分钟前
Java通用枚举驱动下拉框-元数据接口与前端契约
java·前端·状态模式
Json____34 分钟前
基于 Node + Vue3 的选课管理系统:从教务业务到全栈实践
前端·node·毕设·wwwoop.com
创新技术阁37 分钟前
FastapiAdmin 定时任务实现原理与新建任务实操指南
前端·后端·fastapi
3A Cloud40 分钟前
Huashu Design:把 AI Agent 变成一间以 HTML 为画布的设计工作室
前端·人工智能·html