Docker+Nginx+Node.js环境下index.html无法正常显示问题求助

针对你遇到的Node.js容器页面无法正常显示（返回空白）的问题，从配置中梳理出以下几个关键问题及解决步骤：

1. Nginx Server 匹配问题 #

你的Nginx配置中server_name domain.com;仅匹配domain.com域名的请求，如果访问时使用IP地址或未解析到该域名的地址，Nginx会匹配默认server块，导致返回空白。

• 修改方案：将server_name改为匹配所有请求，或添加本地IP/localhost：

  server{
      listen 80;
      server_name _; # 匹配所有请求
  
      location / {
          proxy_pass http://node_app:5001;
          proxy_http_version 1.1;
          proxy_set_header Upgrade $http_upgrade;
          proxy_set_header Connection "upgrade";
          autoindex on;
      }
  }
  

2. Node.js 文件路径拼接问题 #

直接使用__dirname + "/index.html"可能因系统路径分隔符差异导致文件找不到，建议使用path.join规范路径：

• 修改后的app.js：

  const express = require("express")
  const app = express();
  const path = require(`path`);
  
  app.get('/', (req, res) => {
      // 使用path.join确保路径正确
      res.sendFile(path.join(__dirname, 'index.html'));
  })
  
  // 修正路由路径，添加开头斜杠
  app.get('/app', (req, res) => {
      return res.status(200).send({ "message": "App Response from Server-1"});
  }); 
  
  const port = 5001
  
  app.listen(port, () => console.log(`server is Up & running on port ${port}`))
  

3. 容器挂载与工作目录冲突 #

Dockerfile设置工作目录为/app，但docker-compose将宿主机目录挂载到/node-1，导致容器内/app目录是构建时的静态内容，宿主机文件修改无法同步到工作目录。

• 修改方案：将挂载路径改为工作目录/app：

  node_app:
    build:
      context: .
      dockerfile: Dockerfile
    container_name: node_app
    restart: unless-stopped
    ports:
        - "5001:5001"
    volumes:
        - .:/app # 挂载到工作目录，同步文件变更
  

4. 验证服务可用性 #

检查Node服务是否正常返回内容 #

进入Node容器，直接请求本地服务：

docker exec -it node_app curl localhost:5001

如果返回空白，检查容器内/app目录是否存在index.html：

docker exec -it node_app ls /app

若文件不存在，确认构建上下文目录（docker-compose的context: .）下是否有index.html，重新构建镜像：

docker-compose build node_app

检查Nginx代理是否正常 #

进入Nginx容器，请求Node服务：

docker exec -it nginx curl http://node_app:5001

如果返回正常内容，说明Nginx到Node的网络连通，问题出在Nginx的请求匹配或外部访问配置。

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