Docker部署后前端Nginx跨域失效:如何解决前端请求直接访问后端端口问题?

docker部署后前端nginx跨域失效:如何解决前端请求直接访问后端端口问题?

docker 部署后前端 nginx 跨域失效的解决方法

在 docker 中部署应用时,可能会遇到前端 nginx 跨域失效的问题。本文将介绍造成该问题的原因并提供相应的解决方案。

问题描述

根据用户提供的配置文件 default.config,前端请求仍然出现跨域错误。

立即学习“前端免费学习笔记(深入)”;

原因分析

nginx 虽然已代理了后端 3344 端口的服务,但前端请求仍然直接访问 3344 端口。

解决方案

AI建筑知识问答 AI建筑知识问答

用人工智能ChatGPT帮你解答所有建筑问题

AI建筑知识问答 22 查看详情 AI建筑知识问答

需要修改前端配置,在访问接口时不再添加 3344 端口。

具体修改步骤如下:

查看 nginx 代理配置

location / {    proxy_pass http://ip-addr:3344;}

修改前端请求配置

在前端代码中,将类似于以下的请求 url:

fetch('http://ip-addr:3344/api/users')

修改为:

fetch('/api/users')

通过修改前端配置,访问接口时不再包含 3344 端口,即可解决跨域失效的问题。

以上就是Docker部署后前端Nginx跨域失效:如何解决前端请求直接访问后端端口问题?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/381393.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月6日 11:30:35
下一篇 2025年11月6日 11:31:33

相关推荐

发表回复

登录后才能评论
关注微信