ANGULAR - 资源 URL 在重新加载页面时更改

Question

在 Angular 中执行该路线后重新加载页面时，加载资源时出现问题。

当我使用按钮转到该路线时，使用角度路线，它可以正常工作：

在同一页面中，如果我尝试按 F5（因此重新加载页面），将出现一个空白窗口，并且在控制台日志中我看到：

我认为问题与源的 URL 有关，因为浏览器在错误的位置搜索（在组件文件夹内：/）： 相反，**正确的 ** URL 是：

所以我收到错误消息：

我不知道为什么会出现这种行为以及如何解决它。 当我将查询参数添加到路由时，这是第一次发生。 在 app-routing.module.ts 中：

有人可以帮我吗？

我试图理解这个问题，我想刷新页面而不阻塞系统。

Answer 1

你的

base

元素在你的

head

的

index.html

中可能有问题。

如果你的

href

正在寻找与你当前页面相关的资源，它可能无法找到它们（例如，如果你的

href

设置为

./

，它会尝试在

localhost:4200/current-route下寻找资源

而不是

localhost:4200

).

您可以在文档中找到有关它的更多信息。