NGINX和Angular 2

Question

我当前的应用程序用户路线,如/ myapp /,/ myapp //,/ myaapp/dept /

我的应用程序当前部署在带有NGINX的内部http服务器中.接受外部流量的另一台服务器也运行NGINX并将其转发到内部服务器.

我根据文档将indexref =/myapp添加到index.html

如果用户访问http://www.myexternalserver.com/myapp,该应用程序将完美运行.如果用户在页面内并点击了http://www.myexternalserver.com/myapp/myparameter等内部链接 ,则可以使用.浏览器中的URL更改,页面按预期显示.我猜它是由Angular 2处理的.

不幸的是,当用户直接输入网址时:http://www.myexternalserver.com/myapp/myparameter,我收到了NGINX发出的404错误.

我想我必须配置NGINX设置,但我不知道应该如何修改NGINX的配置或者放在sites-available/default文件中的内容/

Answer 1

我刚刚遇到同样的问题并找到了解决方案.然而,我的基础href是"/".

下面是我的nginx.conf:

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       80;
        server_name  mysite.com www.mysite.com;
        root /usr/share/nginx/html;

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

Answer 2

我在这里也有问题,现在可以在角度文档中考虑:https://angular.io/guide/deployment

NGinx:使用try_files,如前控制器模式Web应用程序中所述,已修改为index.html服务:

try_files $ uri $ uri//index.html;