Angular CLI 中的 ng build 命令的参数 --base-href

当我们使用 Angular CLI 来构建我们的 Angular 应用时，ng build 命令将会编译我们的应用并打包成可供客户端使用的文件。在这个过程中，CLI 还为我们提供了一个可以配置部署路径的选项，叫做 --base-href。

什么是 base href

在 Angular 应用中，我们通常使用 Angular 路由来创建多个视图并在用户访问不同的 URL 时切换它们。在这个过程中，我们需要一个用于指定应用部署位置的基础路径，这个基础路径就是 base href。

默认情况下，base href 被设置为 /，这意味着我们的应用将部署在服务器的根目录下。但如果我们希望把我们的应用部署在某个子目录下，例如 /myapp/，就需要使用 --base-href 参数来指定应用的基础路径了。

如何使用 base href

使用 --base-href 参数可以很方便地设置我们的应用的部署路径。我们可以执行以下命令来设置基础路径为 /myapp/：

ng build --base-href /myapp/

这样，当我们在浏览器中访问 http://example.com/myapp/ 时，我们的应用就可以正确地加载。

注意：如果你的应用中还使用了一些文件，例如图片、CSS、JS 文件等，这些文件的路径也需要根据基础路径进行调整。如果你使用了 Angular CLI 自动生成的代码，并按照默认方式使用了 asset 目录来存放这些文件，那么你只需要在 index.html 文件中加入以下代码，即可自动使用 base href 来调整这些文件的路径：

<base href="/">

总结

使用 --base-href 参数可以很方便地设置我们的应用的基础路径。但是需要注意的是，一旦设置了基础路径，就需要在应用中使用正确的路径来引用其他文件。如果你使用了 Angular CLI 自动生成的代码，并按照默认方式使用了 asset 目录来存放这些文件，那么可以通过在 index.html 文件中加入 <base href="/"> 来自动调整这些文件的路径。