Angular如何为应用的访问URL添加自定义应用名称路径

要实现执行 ng serve 后通过 http://localhost:4200/myApp 访问应用，可通过以下两种方式配置：

方式一：临时启动加参数（单次生效） #

启动时直接传入参数即可，不需要修改配置文件：

ng serve --base-href /myApp/ --serve-path /myApp/

注意两个参数末尾的斜杠不要遗漏，否则可能出现静态资源加载失败的问题。

方式二：修改配置文件（永久生效） #

修改项目根目录下的 angular.json 文件，找到对应项目的 serve 配置节点，新增参数：

{
  "projects": {
    "myApp": { // 此处为你的实际项目名称
      "architect": {
        "serve": {
          "options": {
            "baseHref": "/myApp/",
            "servePath": "/myApp/"
          }
        }
      }
    }
  }
}

修改完成后直接执行 ng serve，就可以通过带 /myApp 后缀的路径访问应用。

补充：生产环境子路径部署配置 #

如果生产环境也需要部署在子路径下，打包时添加参数即可：

ng build --base-href /myApp/

内容的提问来源于stack exchange，提问作者pixel