Docker容器+Nginx环境下CORS配置失效问题求助

我是Node、Nest、Docker、Nginx新手，在容器环境中配置CORS后发现无法生效，且调用Node API2容器时无任何响应。我的应用架构如下：

• Nginx容器
• 前端（React）- Docker容器 - 映射至localhost:80
• 后端（NestJS/GraphQL）- Docker容器 - 映射至localhost:3000
• NodeJS - Docker容器 - 期望映射至localhost:3004处理CORS

Nginx配置 #

server {
    listen 80;
    
    location /api {
        proxy_http_version 1.1;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $host;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
  
        #add_header Access-Control-Allow-Origin *;
        #add_header Access-Control-Max-Age 3600;
        #add_header Access-Control-Expose-Headers Content-Length;
        #add_header Access-Control-Allow-Headers Range;

        proxy_pass_request_headers on;
  
        proxy_pass http://nestbackend:3000/;
        #this is NestJS I have already implemented app.enableCors();
    }

    location /api2 {
        proxy_pass http://api2:3004/;
    }

    location / {
        proxy_pass http://frontend:3003/;
    }
}

NodeJS api2代码 #

const express = require("express");
const app = express();
let cors = require("cors");
require("dotenv").config();

app.use(cors());

app.post("/graphql", async (req, res) =>{
    console.log("Testing CORS!!!!!!!!");
    console.log("Request = ", req);
    console.log("Resource = ", res);
    return res.status(200).json({ msg: "send to the queue!" });
});

//start server
app.listen(process.env.PORT, () => console.log("server started!!"));

排查步骤 #

1. 确认请求路径与端口映射 #

• 若前端直接请求localhost:3004/graphql，需检查Node容器是否配置了端口映射：启动容器时必须添加-p 3004:<容器内端口>参数，确保主机3004端口能转发到容器内服务端口。
• 若前端通过Nginx代理请求/api2/graphql，Nginx会将请求转发至http://api2:3004/graphql，需确认Node服务确实监听该路径。

2. 检查Docker网络连通性 #

• 确保Nginx容器与api2容器处于同一自定义Docker网络中：
  • 创建自定义网络：docker network create my-app-network
  • 启动所有容器时添加--network my-app-network参数
  • 确认api2容器的名称为api2，否则Nginx无法通过http://api2:3004解析到目标容器。

3. 验证Node服务端口配置 #

• 检查.env文件中是否设置PORT=3004，若未配置，Express默认监听3000端口，此时Nginx代理到3004会失败。可修改启动代码为：

  app.listen(process.env.PORT || 3004, () => console.log("server started!!"));
  

4. 查看Nginx日志定位问题 #

• 查看Nginx容器的访问日志与错误日志：docker logs <nginx容器名称>，若出现502 Bad Gateway，说明Nginx无法连接到api2容器，需重点排查网络或端口问题。

5. 直接测试容器间连通性 #

• 进入Nginx容器内部，执行curl http://api2:3004/graphql -X POST，若无法返回响应，说明api2服务未启动或网络不通；若能正常返回，再排查前端请求逻辑。

6. 先解决请求可达性，再验证CORS #

• 当前Node代码中app.use(cors())已允许所有跨域请求，若请求能到达服务，控制台会打印日志。无响应说明请求未抵达服务，优先解决连通性问题。

内容的提问来源于stack exchange，提问作者Aqdas