Angular Universal本地正常，部署Nginx后仅显示静态内容求助

咱们一步步来排查这个问题：你本地运行SSR正常，但部署到Nginx后只能看到静态内容，核心原因大概率是Nginx没有把动态请求转发到Node服务，直接返回了静态的index.html文件，导致服务端渲染没有触发。结合你提供的服务端代码，给你几个具体的排查和解决步骤：

1. 检查并修正Nginx配置 #

这是最常见的问题点，Nginx需要区分静态资源和动态请求：静态资源直接返回，其他请求转发到你的Node服务（默认监听4000端口）。

把你的Nginx配置修改成类似这样：

server {
    listen 80;
    server_name 你的域名或服务器IP;

    # 静态资源直接从dist/browser目录读取
    location / {
        root /path/to/你的项目/dist/browser; # 替换成实际的dist/browser路径
        try_files $uri $uri/ @universal; # 先找静态文件，找不到则转发到Node服务
    }

    # 转发所有动态请求到Node服务
    location @universal {
        proxy_pass http://localhost:4000;
        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 X-Forwarded-Proto $scheme;
    }
}

修改后重启Nginx：sudo systemctl restart nginx

2. 确认Node服务在生产服务器上稳定运行 #

• 不要直接用node server.js启动服务，推荐用pm2或者systemd管理进程，避免服务意外停止：
  比如用pm2启动：pm2 start server.js --name angular-universal
• 检查Node服务是否正常监听4000端口：执行netstat -tulpn | grep 4000，确认有node进程在监听这个端口
• 直接在服务器上访问http://localhost:4000，查看页面源代码，如果能看到渲染后的动态内容，说明Node服务本身没问题

3. 验证dist目录路径是否正确 #

你的服务端代码里，DIST_FOLDER是通过join(process.cwd(), 'dist')获取的，要确保Node服务运行的工作目录下确实存在dist文件夹，且包含browser和server两个子目录。

可以在服务端代码里加一行日志确认路径：

console.log('当前工作目录:', process.cwd());
console.log('DIST_FOLDER路径:', DIST_FOLDER);

重启Node服务后查看日志，确认路径正确。

4. 检查生产构建是否完整 #

确保你执行了完整的SSR构建命令：

# 构建浏览器端代码
ng build --prod
# 构建服务端代码（根据你的Angular版本调整命令，Angular 14+可能用ng build --ssr）
ng run 你的项目名:server:production

构建完成后，确认dist/server/main.bundle.js存在，这是服务端渲染的核心bundle文件。

5. 检查请求头是否正确传递 #

Angular Universal需要正确的请求头（比如Host）来处理请求，Nginx配置里的proxy_set_header一定要加上，否则服务端可能无法正确识别请求来源，导致渲染异常。

按照上面的步骤排查后，应该就能解决SSR失效的问题了。

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