Nginx代理下ExpressJS静态文件无法加载问题求助

// Routes
app.use('/', require(path.join(__dirname, '/routes/index')));
app.use('/users', require(path.join(__dirname, '/routes/users')));

页面通过`header.ejs`引入静态资源：
```html
<link rel='stylesheet' href='/css/main.css' />
<link rel="stylesheet" href="/css/jquery.cookieBar.css">
<!-- 导航栏内容 -->
<script src="/js/jquery-3.6.0.min.js"></script>
<script src="/js/jquery.cookieBar.min.js"></script>

已尝试但无效的方案：

• 移除静态资源路径前的斜杠
• 添加单独的静态资源路由：

app.use("/css", express.static(path.join(__dirname, "public", "css")));
app.use("/js", express.static(path.join(__dirname, "public", "js")));

可能的原因及排查方向 #

• Nginx配置错误：这是最大概率的问题，重点检查：

  • 第二个应用的location规则是否正确转发静态资源请求到Express服务？比如Nginx是否错误地将/css、/js这类路径映射到了服务器本地的其他目录，而非转发给对应的Express端口。
  • 确认Nginx代理的端口是否与第二个应用的实际运行端口匹配，有没有把请求发到了第一个应用的进程上。
  • 检查Nginx的root或alias配置，是否和Express的静态资源路径冲突——如果Nginx自己处理了静态资源请求，但对应的目录下没有文件，就会导致加载失败。

• 服务器文件权限不足：Linux服务器的权限管控比Mac严格，第二个应用的public目录或内部文件可能没有给运行Express的用户分配读权限。可以用ls -l查看目录权限，用chmod -R 755 public调整权限（确保进程用户能读取文件）。

• 进程工作目录错误：启动第二个应用时，进程的工作目录不是应用顶层目录，导致__dirname解析错误，静态资源路径指向了不存在的位置。可以在app.js里添加console.log(path.join(__dirname, '/public'))，启动后查看日志里的实际路径是否正确。如果用PM2、systemd这类工具管理进程，要确保配置了正确的cwd（工作目录）参数。

• 路由顺序/冲突问题：第二个应用的路由定义可能覆盖了静态资源路由。比如app.use(express.static(...))放在了某些路由之后，或者存在通配符路由（如app.get('*', ...)）提前捕获了/css、/js开头的请求，导致静态资源中间件无法处理。确保静态资源路由放在所有业务路由的最前面。

• 缓存干扰：浏览器或Nginx的缓存可能保留了错误的资源路径。可以用浏览器无痕模式测试，或者强制刷新（Ctrl+F5）清除缓存；同时检查Nginx是否设置了过长的缓存有效期，导致旧的错误配置被缓存。

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