nginx - 配置 angular-cli nginx 子目录/示例

Question

我想在 url my_url/exemple 处提供一个角度应用程序。

这是我的 nginx 配置:

location /example/ {
    alias /pwd/example/dist/;

    try_files $uri$args $uri$args/ $uri $uri/ /index.html =404;

}

这是我的构建命令:ng build -bh 示例

当我转到 my_url/example 时，我有一个重定向到 my_url/example/example ，当然 angular 告诉我:未捕获( promise ):错误:无法匹配任何路线。网址段:“示例”

如果位置是/是工作:我可以转到 my_url/example 并且应用程序工作。但在生产中/被 django 应用程序占用。

我能做什么？

Answer 1

要允许此位置处理没有尾随 / 的 URI /example，您可以从 中删除尾随 / location 和 alias 声明。

此外，您的 try_files 语句包含许多奇怪的术语和两个默认操作，其中只允许一个。参见 this document了解详情。

如果index.html文件位于/pwd/example/dist/index.html，则需要用URI /example/表示index.html.

建议配置:

location /example {
    alias /pwd/example/dist;
    try_files $uri $uri/ /example/index.html;
}

如果您的应用程序目前在 / 工作，但不在 /example/ ，您可能需要查看应用程序，并确保它拉取其资源具有正确 URI 前缀的文件(css、js)。