angular - 如何部署一个 Angular 应用程序，使其在任何路径下都能工作？

Question

这可能是一个新手问题，但我无法在这里或 Angular 文档中找到任何答案。 假设我有一个简单的 Angular 应用程序(例如 angular.io 教程中的 hero editor)，我想分发它但还不知道它将在我的网络服务器上运行的路径。它可能在:

• http://host.domain/foo/myapp/
• http://host.domain/foo/bar/myapp/
• 等等...你明白了

换句话说，我需要生成的源(index.html 及其 Angular 关联的 js 文件)在任何 路径下完全工作(我想这就是为什么相对路径用于.. .) 目前我生成的资源只有在我把它们放在我的服务器的根目录下才有效，因为

<base href="/"> 

npm deploy 可能已经在 index.html 中生成了...我天真地尝试将其更改为

<base href="./">

为了让我的浏览器将包含的 JS 文件的路径解释为相对于 index.html。有了这个，我的浏览器正确地找到了 JS 文件，但是 Angular 应用程序不再工作(空白页面......)。
知道这样做的正确“Angular 方式”应该是什么吗？ 提前感谢您的帮助!

Answer 1

找到了一个适合我的解决方案并且看起来不太难看:

ng build --base-href "./"