0

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

我正在使用前端路由器 (page.js) 在我的应用程序周围进行路由。基本上,每当我在某处路由时,我都会显示应该为该路由显示的组件。我遇到的问题是,当我路由到特定路由然后路由回我之前的位置(例如,通过单击“主页”按钮并路由回主页)时,我的图像不再显示在它们各自的成分。这是一个例子:

在我离开我的主页之前,我有这张图片(svg)显示: 在此处输入图像描述

然后我路由到另一个视图/组件,然后返回。现在我的图片不见了: 在此处输入图像描述

检查开发工具后:

在此处输入图像描述

显然资源存在,但未显示。

同样的事情也发生在其他应该显示在与该路由一起显示的组件中的图像上。

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

同样,我不知道这个问题会属于什么问题,所以我希望就问题可能是什么提出一些一般性建议。

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

4

1 回答 1

0

在不知道这个问题发生的确切原因的情况下,我已经能够通过在 hashbang 模式下使用 page.js 来解决这个问题。即,我关闭了路由中的 hashbang,它导致在 popstate 上查找公共资源时出现问题。

于 2017-07-16T18:37:37.697 回答