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

哈喽！今天心血来潮给大家带来了《Docker部署后前端Nginx跨域失效：如何解决前端请求直接访问后端端口问题？》，想必大家应该对文章都不陌生吧，那么阅读本文就都不会很困难，以下内容主要涉及到，若是你正在学习文章，千万别错过这篇文章~希望能帮助到你！

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

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

问题描述

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

原因分析

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

解决方案

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

具体修改步骤如下：

1. 查看 nginx 代理配置

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

2. 修改前端请求配置

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

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

   修改为：

   fetch('/api/users')

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

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。