带有 Nginx 的 Angular 2 给出 404 错误答案

【问题标题】：Angular 2 with Nginx gives 404 Error带有 Nginx 的 Angular 2 给出 404 错误
【发布时间】：2018-11-15 02:33:58
【问题描述】：

我是 angular2 的新手，我有这个应用程序，我想使用 dist 文件夹从 ng build 部署到安装了 nginx 的 ubuntu 服务器。

但是，当我导航到我的网址 example.com 时，它可以工作，但 example.com/dashboard 给了我 404 错误。我已经更改了我的 nginx 默认文件，但仍然没有得到我需要的结果。

下面是我的nginx默认文件

server {

    listen 80;
    listen [::]:80;

    root /home/www/example.com;
    index index.html index.htm index.nginx-debian.html;

    server_name example.com;

    location / {

        try_files $uri $uri/ /index.html;
    }
}

【问题讨论】：

您的应用程序是否在同一网址上正确本地提供服务？
@Vega 我在本地使用 ng serve 所以 url 是端口 80 上的默认 localhost
我的意思是 localhost:4200/dashboard 工作吗？
您在本地服务端口 80？奇怪...

标签： angular nginx

【解决方案1】：

试着把这些信息放在下面：

location / {
        try_files $uri $uri/ /index.html;

        proxy_set_header HOST $host;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }

【讨论】：