使用 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进行的，因此它没有被考虑在内。//app1

如何解决这个问题？我是否遗漏了一些明显的东西，或者我完全误解了反向代理的概念？

谢谢。

Answer 1

@sikian 的建议起了作用，我将位置声明从 更改location /app1 { ... }为location /app1/ { ... }。

静态文件在控制台中毫无错误地提供，并且应用程序似乎完全正常运行。