链接静态资源和CSS没有考虑HTML Base href

Question

我有一个Angular 5应用程序，我将其部署到容器子文件夹，如webapps / myapp。我需要这个，因为我将在同一个容器中托管多个小型webapp。我试图从相对路径制作favicon.ico和css文件，因为我不想在html中硬编码子文件夹的名称。

请在下图中注意，在悬停时，2个链接hrefs指向localhost：8080而不是所需的 localhost：8080 / myapp / favicon.ico 和 localhost：8080 / myapp /assets/forms.css 即可。我用＆＃34; ./"尝试了两个;没有它，没有运气......

我做错了什么？

Answer 1

  

我做错了什么？

您没有指定正确的基础href。

<base href="/myapp">

所以这实际上是相同的，就好像你在http://example.com/myapp开始一样（没有指定base），并且相对的URL将根据该初始地址解析。

现在考虑一下，如果您根据上述基本网址解析相对网址./assets/forms.css，结果会是什么？ http://example.com/assets/forms.css当然。

你需要的是

<base href="/myapp/">

带有斜杠，使其成为一个“文件夹”。