Image 在应用程序中路由后图像消失

Image 在应用程序中路由后图像消失,image,frontend,page.js,Image,Frontend,Page.js,我有一个可能不容易诊断的问题,所以我将描述我遇到的一般问题 我正在使用前端路由器(page.js)在我的应用程序中进行路由。基本上,每当我在某处布线时,我都会显示应该为该布线显示的组件。我遇到的问题是,当我路由到一个特定的路由,然后路由回我以前所在的位置(例如,通过单击“主页”按钮并路由回主页),我的图像不再显示在各自的组件中。以下是一个例子: 在我离开我的主页之前,我有一个图像(svg)显示: 然后我布线到另一个视图/组件,然后布线回来。现在我的图像丢失了: 检查开发工具时: 很明显,资

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

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

在我离开我的主页之前,我有一个图像(svg)显示:

然后我布线到另一个视图/组件,然后布线回来。现在我的图像丢失了:

检查开发工具时:

很明显,资源存在,但没有显示

同样的情况也会发生在应该显示在使用该路由显示的组件中的其他图像上

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

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

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

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