使用 Nginx 反向代理应用程序及其静态文件

Question

我正在尝试做一些在我看来很简单的事情，但我一定是愚蠢的或错过了一些非常明显的事情，因为我无法弄清楚。

我想访问在我的服务器上运行的多个 Web 应用程序，每个应用程序都有一个唯一的前缀：

http://mywebserver/app1 -> localhost:9001
http://mywebserver/app2 -> localhost:9002
...

据我了解，我需要将 Nginx 配置为反向代理，所以我这样做了：

server {
listen 80;
server_name mywebserver;

  location /app1{
    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;
    proxy_pass          http://127.0.0.1:9001/;
  }
  ...
}

此配置允许我访问应用程序的主页http://mywebserver/app1，但未加载静态内容。

当我打开我的浏览器的控制台上，我可以看到它正试图从获得的资源http://mywebserver/static/custom/index.js，而不是像http://mywebserver/app1/static/custom/index.js。

我尝试root在 location 块中添加一个指令来为静态提供服务，但由于静态内容请求是 on/而不是 on ，因此未将其考虑在内/app1。

如何解决这个问题？有什么明显的我遗漏了还是我完全误解了反向代理的概念？

谢谢你。

Answer 1

从@sikian建议的伎俩，我从地点变更申报location /app1 { ... }到location /app1/ { ... }。

静态文件在控制台中没有错误地提供，应用程序似乎完全正常工作。