Angular的文档告诉我们，当Angular应用程序要部署到子文件夹中时，应该在Angular应用程序构建中使用--base-href参数:
如果将文件复制到服务器子文件夹中，请附加build标志，
例如，如果
index.html在服务器/my/app/index.html上， 将基本HREF设置为<base href="/my/app/">，如下所示.
https://angular.io/guide/deployment
但是，Angular CLI的参数为--deploy-url.该工具的文档将其描述为:
将部署文件的URL.
https://github.com/angular/angular-cli/wiki/build个
我见过当应用程序要部署在子文件夹中时，使用--deploy-url而不是--base-href的解决方案.
#问题是#
Angular -CLI工具的--base-href个参数和--deploy-url个参数有什么不同？我应该什么时候使用每一种呢？
这里的答案并不完全准确、过时，也没有给出完整的解释.
我应该什么时候使用每一个？
tl;dr一般使用--base-href，因为--deploy-url
如果您需要URL与放置assets资源 的位置不同，official documentation建议手动设置APP_BASE_HREF(不同的是，如果您将在https://example.com/public/提供Angular 文件，但希望web应用的URL为https://example.com/users/，则将--base-href设置为/public/，将APP_BASED_HREF设置为/users/)
angular cli工具的
--base-href个参数和--deploy-url个参数之间有什么区别？
上面我已经列出了三个不同之处.
正如您在问题中所述，--base-href在index.html中设置<base href>(有关详细信息，请参阅Mozilla docs；有关含义，请参阅community wiki)，而--deploy-url将为index.html文件中的相对链接添加前缀.
例如，以下index.html个片段:
<link rel="stylesheet" href="styles.HASH.css">
...
<script src="main.HASH.js" type="module"></script>
对于--deploy-url /public/，将输出为:
<link rel="stylesheet" href="/public/styles.HASH.css">
...
<script src="/public/main.HASH.js" type="module"></script>
--deploy-url似乎只是在链接前面加上前缀，所以如果你改为--deploy-url public，输出将几乎无法使用:
<link rel="stylesheet" href="publicstyles.HASH.css">
...
<script src="publicmain.HASH.js" type="module"></script>
最后，如果您的模板(HTML)使用指向资源的相对链接，例如包含<img src="assets/logo.jpg">的header.component.html，但您使用的是--deploy-url /public/，则该链接将不带前缀，并且会显示损坏的图像.相反，如果使用--base-href /public/设置<base href="/public/">，则这将起作用.