在nginx服务器中为Angular 5 app配置子文件夹

时间:2018-06-13 21:08:32

标签: angular amazon-web-services nginx amazon-ec2

我有两个角度应用发布到两个不同的子文件夹“testapp1”和“testapp2”。

average loss

所以我使用basehref构建角度

sum loss

我的nginx配置,

url's - 
    https://dev.testurl.org/foo -- For testapp1
    https://dev.testurl.org/bar -- For testapp2

当我尝试点击https://dev.testurl.org/foo或/ bar时 - 它有控制台错误说“意外的语法错误”基本上它没有加载正确的源。任何的想法?我是正确构建应用程序还是做错了nginx配置?

2 个答案:

答案 0 :(得分:0)

您的配置存在两个问题:

当可以通过将文档根目录与请求的URI连接来计算文件的路径时,使用root指令。否则,请使用alias。有关详细信息,请参阅this document

location指令用于匹配全部或部分URI。有关详细信息,请参阅this document

例如:

location /foo {
    autoindex on;
    alias /testapp1/dist;
    try_files $uri $uri/ /foo/index.html;    
}
location /bar {
    autoindex on;
    alias /testapp2/dist;
    try_files $uri $uri/ /bar/index.html;    
}

locationalias值应以/结尾,或以/结尾,以获得正确的字符串替换。

答案 1 :(得分:0)

使用别名将本地dist文件夹用作子文件夹,如Richard所说。

然后您要代理的子文件夹作为子文件夹传递给另一个端点,请参见下面的线程〜

https://stackoverflow.com/a/64112450/853509