在app中路由后图像消失

Question

我遇到的问题可能不容易诊断，所以我将描述我遇到的一般问题。

我正在使用前端路由器（page.js）在我的应用中路由。基本上，每当我在某处路由时，我都会显示应该为该路线显示的组件。我遇到的问题是，当我路由到特定路线然后返回到我之前的位置时（例如，通过单击“主页”按钮并路由回主页），我的图像不再显示在各自的位置组件。这是一个例子：

在离开我的主页之前，我有这张图片（svg）显示：

然后我路由到另一个视图/组件，然后返回。现在我的图像丢失了：

检查开发工具时：

显然资源存在，但没有显示。

同样的事情发生在其他图像中，这些图像应该显示在用该路径显示的组件中。

为了测试，我保留了一个组件显示而不是将其隐藏在远离当前视图的路由中，并且当路由回包含它和其他组件的原始视图时，图像仍然显示。其他组件中的图像仍然缺失。

我再一次不知道这个问题会发生什么，所以我希望就这个问题提出一些一般性的建议。

更新即可。使用后退按钮时也会发生此问题。也许它与历史状态有关？

Answer 1

在不知道完全为什么会出现此问题的情况下，我已经能够通过在hashbang模式下使用page.js来解决问题。即，我关闭了路由中的hashbang，它导致了在popstate上查找公共资源的问题。