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

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

相关推荐
Din9 分钟前
主动取消的防抖
前端·javascript·typescript
百度地图汽车版20 分钟前
【AI地图 Tech说】第九期:让智能体拥有记忆——打造千人千面的小度想想
前端·后端
臣妾没空25 分钟前
Elpis 全栈框架:从构建到发布的完整实践总结
前端·后端
H5开发新纪元25 分钟前
Nginx 部署 Vue3 项目完整指南
前端·javascript·面试
决斗小饼干27 分钟前
跨语言移植手记:把 TypeScript 的 Codex SDK 请进 .NET 世界
前端·javascript·typescript
小码哥_常29 分钟前
Android Intent.setAction失效报错排查与修复全方案
前端
bluceli31 分钟前
JavaScript模块化深度解析:从CommonJS到ES Modules的演进之路
前端·javascript
前端人类学32 分钟前
前端输入框禁用:disabled、readonly 与.prop (‘disabled‘, true) 完全解析
前端·javascript
优秀稳妥的JiaJi1 小时前
分享一篇后台管理系统的通用skills
前端·vue.js·前端框架
程序员阿耶1 小时前
移动端适配终极指南:rem 原理与实战
前端