在應用中路由后圖像消失

Question

我遇到的問題可能很難診斷，因此我將描述我遇到的一般問題。

我正在使用前端路由器（page.js）在我的應用程序中進行路由。 基本上，每當我路由到某個地方時，我都會顯示應該為該路由顯示的組件。 我遇到的問題是，當我路由到特定路由然后路由回到我以前的位置時（例如，通過單擊“主頁”按鈕並路由回到首頁），我的圖像不再顯示在它們各自的圖像中組件。 這是一個例子：

在我離開首頁之前，此圖片（svg）顯示：

然后我轉到另一個視圖/組件，然后返回。 現在我的圖像丟失了：

在檢查開發工具時：

顯然，資源存在，但沒有顯示。

同樣的事情也會發生在應通過該路線顯示的組件中的其他圖像上。

為了進行測試，我讓一個組件顯示而不是在遠離當前視圖的路徑上隱藏它，並且確定當路由回到包含它和其他組件的原始視圖時，該圖像仍然足夠顯示。 其他組件中的圖像仍然丟失。

同樣，我不知道這個問題將導致什么，因此我希望就問題可能引起一些一般性的建議。

更新 。 使用“后退”按鈕時也會發生此問題。 也許與歷史狀態有關？

Answer 1

不知道確切為什么會發生此問題，我已經能夠通過在hashbang模式下使用page.js來解決此問題。 即，我關閉了路由中的哈希，這導致在popstate上查找公共資源時出現問題。