HTML link 静态资源和 CSS 未考虑基本 href
HTML Base href not taken into account for link static resources and CSS
我有一个 Angular 5 应用程序，我将其部署到容器子文件夹，例如 webapps/myapp。我需要这个，因为我将在同一个容器中托管多个小型网络应用程序。我正在尝试从相对路径创建 favicon.ico 和一个 css 文件，因为我不想在 html 中硬编码子文件夹的名称。
请观察下图中悬停时 2 个链接 href 指向 localhost:8080 而不是所需的 localhost:8080/myapp/favicon.ico 和 localhost:8080/myapp/assets/forms.css。我尝试了使用“./”和不使用它，但没有成功...
我做错了什么？
What I'm doing wrong?
您没有指定正确的起始 href。
<base href="/myapp">
所以这实际上是一样的，就好像你从 http://example.com/myapp 开始一样（没有指定 base），相对的 URLs 将根据初始值进行解析地址。
现在想一想，如果在上面的基础URL的基础上解析相对URL./assets/forms.css，结果会是什么？ http://example.com/assets/forms.css当然。
你需要的是
<base href="/myapp/">
加上尾部斜线，使其成为“文件夹”开头。
我有一个 Angular 5 应用程序，我将其部署到容器子文件夹，例如 webapps/myapp。我需要这个，因为我将在同一个容器中托管多个小型网络应用程序。我正在尝试从相对路径创建 favicon.ico 和一个 css 文件，因为我不想在 html 中硬编码子文件夹的名称。
请观察下图中悬停时 2 个链接 href 指向 localhost:8080 而不是所需的 localhost:8080/myapp/favicon.ico 和 localhost:8080/myapp/assets/forms.css。我尝试了使用“./”和不使用它，但没有成功...
我做错了什么？
What I'm doing wrong?
您没有指定正确的起始 href。
<base href="/myapp">
所以这实际上是一样的，就好像你从 http://example.com/myapp 开始一样（没有指定 base），相对的 URLs 将根据初始值进行解析地址。
现在想一想，如果在上面的基础URL的基础上解析相对URL./assets/forms.css，结果会是什么？ http://example.com/assets/forms.css当然。
你需要的是
<base href="/myapp/">
加上尾部斜线，使其成为“文件夹”开头。