Angular NGINX即使使用proxy\u pass也返回404

我有一个NGINX服务器（nginx1），它应该将所有请求代理给运行Angular2应用程序的NGINX服务器（nginx2）。只有对/api的请求才应发送到asp.net核心服务器（nginx3）。遵循以下nginx1配置：

 server { # should proxy all requests to nginx2 and /api to nginx3
    listen 80;
    server_name  mywebsite.com;
    location / {
        proxy_set_header Host $host;
        proxy_pass http://mywebsite.com:4999/;
    }
    # proxy para o backend
    location /api {
      proxy_pass http://mywebsite.com:5001;
      proxy_set_header Host $host;
    }
  }

worker_processes  1;
events {
   worker_connections  1024;
}
http {
   include       mime.types;
   default_type  application/octet-stream;
   sendfile        on;
   keepalive_timeout  65;
   server {
       listen       4999;
       server_name  'mywebsite.com';
       location / {
           root   /usr/share/nginx/html; 
           try_files $uri$args $uri$args/ index.html;
       }
       #error_page  404              /error.html;
       # redirect server error pages to the static page /50x.html
       error_page   500 502 503 504  /50x.html;
       location = /50x.html {
           root   html;
       }
   }
}

遵循以下nginx2配置：

 server { # should proxy all requests to nginx2 and /api to nginx3
    listen 80;
    server_name  mywebsite.com;
    location / {
        proxy_set_header Host $host;
        proxy_pass http://mywebsite.com:4999/;
    }
    # proxy para o backend
    location /api {
      proxy_pass http://mywebsite.com:5001;
      proxy_set_header Host $host;
    }
  }

worker_processes  1;
events {
   worker_connections  1024;
}
http {
   include       mime.types;
   default_type  application/octet-stream;
   sendfile        on;
   keepalive_timeout  65;
   server {
       listen       4999;
       server_name  'mywebsite.com';
       location / {
           root   /usr/share/nginx/html; 
           try_files $uri$args $uri$args/ index.html;
       }
       #error_page  404              /error.html;
       # redirect server error pages to the static page /50x.html
       error_page   500 502 503 504  /50x.html;
       location = /50x.html {
           root   html;
       }
   }
}

如果我尝试打开mywebsite.com，它会正确打开，但是如果我键入完整的angular2路由（例如：），我会从nginx1中得到错误404

---

我错过了什么

我认为你的问题不在于你的代理，而在于你的NGINX2。在此服务器上，文件夹/订单不存在，将向代理NGINX1返回404，代理NGINX1将只向调用者返回404。为了实现这一点，您必须向NGINX2添加重写规则，将所有不是文件或文件夹的内容重写到主angular2 index.html文件中。

它似乎与angular2路由器有关。 我在app.module.ts（在nginx2下运行）中添加了以下行：

现在，每当我键入完整的url或刷新任何页面时，它都能完美地工作

我仍然认为这不是最好的解决方案，因为现在每个路径都以“#”作为前缀，但至少它是有效的。：-）

---

关于angular2 HashLocationStrategy的更多信息，请访问：

嗨，Mike，我刚刚在这篇文章中添加了nginx2配置。nginx2包含try_files$uri$args$uri$args/index.html行；好的，应该没问题。我看到的唯一奇怪的事情是默认的_类型应用程序/八位字节流；我删除了行“default_type application/octet stream；”。没有什么变化。不工作-（如果您直接访问NGINX2（在端口4999上）-路径/顺序-是否会给出404？因为这可能会（可能）排除代理。\u passAlso，index.html是否设置为您的索引文件？（在http block:index index.html；）