NGINX和Angular 2

我当前的应用程序用户路线,如/ 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文件中的内容/

解决方法:

我刚刚遇到同样的问题并找到了解决方案.然而,我的基础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;
        }
    }
}