Question

对于已经使用Angular构建的个人网站，我已经像这样设置了我的nginx.conf：

server {

listen       80 default_server;
    listen       [::]:80 default_server;
    server_name  www.example.com example.com;
    root         /home/user/<directory with Angular dist code);
    index index.html index.htm;

    include /etc/nginx/default.d/*.conf;

    location /reactApplication {
        alias /home/user/<#react app source code directory>;
    }

    location /angularApplication {
        alias /home/user/<#angular app source code directory>;
    }
...
}

如您所见，我也想在此域下托管一些其他项目，以便可以在我的个人网站的投资组合页面（例如example.com/angularApplication、example.com/reactApplication）中访问它们， Angular项目，包括针对不同页面的哈希路由，如下所示：

example.com/#/home  example.com/#/portfolio   etc...

但随后访问 example.com/angularApplication （默认为/＃/ home路由），屏幕将返回到原始的/＃/ home页面主站点（ example.com /＃/ home ），而不是我要拉起的项目（ example.com/angularApplication /＃/ home ）。

reactApplication是一个没有路由的单页应用程序，它可以完美链接，这使我认为这与主站点Angular哈希路由与项目站点Angular哈希路由的冲突有关。

我已经一遍又一遍地仔细检查了nginx.conf中每个位置的目录路由，一切看起来都很干净。

我在做什么错？我只想能够从 example.com 访问 example.com/angularApplication -听起来很简单却一直让我发疯！

请帮助-谢谢！

NGINX：角主站点和角链接站点之间的路由

0 个答案: