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

前端之家收集整理的这篇文章主要介绍了使用Nginx反向代理应用程序及其静态文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我试图做一些在我看来非常简单的事情,但我必须是愚蠢的或错过一些非常明显的东西,因为我无法弄明白.@H_301_2@

我想访问我的服务器上运行的多个Web应用程序,每个应用程序都有一个唯一的前缀:@H_301_2@

@H_301_2@

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

根据我的理解,我需要将Nginx配置为反向代理,所以我这样做:@H_301_2@

@H_301_2@

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访问应用程序的主页,但不加载静态内容.@H_301_2@

当我打开浏览器的控制台时,我可以看到它正在尝试从http://mywebserver/static/custom/index.js获取资源,而不是像http:// mywebserver / app1 / static / custom / index.js.@H_301_2@

我尝试在位置块中添加一个root指令来提供静态但不考虑它,因为静态内容请求是在/ app1上而不是在/ app1上.@H_301_2@

如何解决这个问题?有什么明显的东西我缺少或我做了我完全误解了反向代理的概念?@H_301_2@

谢谢.@H_301_2@

最佳答案
来自@sikian的建议完成了这个伎俩,我将位置声明从location / app1 {…}更改为location / app1 / {…}.@H_301_2@

静态文件在控制台中没有错误地提供,并且应用程序似乎完全正常工作.@H_301_2@

猜你在找的Nginx相关文章