angular - 在 nginx 服务器中为 Angular 5 应用程序配置子文件夹

Question

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

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

所以我用basehref构建 Angular

For testapp1:
 ng build --prod --base-href /foo/ 

For testapp2:
  ng build --prod --base-href /bar/

我的nginx配置，

server {
  listen 80 default_server;
  listen [::]:80 default_server;

  client_max_body_size 1000M;
  server_name dev.testurl.org localhost;

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

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

Answer 1

你的配置有两个问题:
root当可以通过将文档根与请求的 URI 连接来计算文件的路径时，使用指令。否则，使用 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;    
}

location和 alias值都应以 / 结尾或者都不以 / 结尾以获得正确的字符串替换。