Angular 4 - Nginx/刷新显示错误页面

Question

我使用 Nginx 在远程服务器上部署了一个 Angular 4 应用程序，可通过以下地址访问:http://xx.xx.xx.xx/app。该应用程序运行良好，我可以在我的网站中导航，但是当我刷新一个页面时，例如 http://xx.xx.xx.xx/app/page1，它会显示 index.html 页面nginx 的。

Nginx 的页面位于/usr/share/nginx/html，而我的应用程序的页面位于/var/www/app。

nginx.conf

    server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  _;
        root /usr/share/nginx/html;
        include /etc/nginx/default.d/*.conf;                                                */

        location /app {
            root /var/www;
            try_files $uri $uri/ /index.html;
        }
    }

似乎在刷新期间未考虑 root/var/www 行。

我听说有关 try_files 的错误，看来我需要在某处添加重写。感谢您的帮助。

Answer 1

尝试将此添加到您的 AppModule 中:

import { HashLocationStrategy, LocationStrategy } from '@angular/common';

@NgModule({
    // ...
    providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}],
    // ...
})
export class AppModule {}