如何使用具有相对路径的 nginx 提供角度服务答案

【问题标题】：How to serve angular with nginx with a relative path如何使用具有相对路径的 nginx 提供角度服务
【发布时间】：2021-01-27 01:05:41
【问题描述】：

我对如何使用 nginx 为我的 angular 应用程序提供服务有点迷茫。要求是访问应用程序的url必须属于：www.domain-name.com/rte

我在路径上的 docker 上有应用程序文件：/usr/share/nginx/html/

我的 default.conf 看起来像：

  location /rte {
    alias /usr/share/nginx/html/;
    try_files $uri$args $uri$args $uri $uri/ /index.html;
  }

但是当我尝试访问该页面时，会发生超时。

我已经尝试过这个aswel：

  location /rte/

然后抛出 404。

编辑：我的 index.html 有 -> base href="/"

【问题讨论】：

听起来您需要在部署之前将base href 更改为/rte/，或者使用--base-href 选项编译将base href 设置为/rte/ 的应用程序。看到这个：angular.io/cli/build
@R.Richards 我应该使用/rte/ 还是/rte？
我会先尝试/rte/。过去，它对我来说完全没有斜线。你可能不得不玩弄它。
我试过了，效果很好！谢谢！

【解决方案1】：

解决方案是在 try_files $uri$args $uri$args $uri $uri/ /rte/index.html; 上添加 /rte/

正如理查兹所说，我还必须在索引 html 基础 href 上添加 /rte/：

base href="/rte/"

【讨论】：