導航SPA（單頁應用程序），但頁面中斷刷新？ （knockout.js，pager.js，history.js）

Question

我創建一個SPA（單頁應用）與HTML5，knockout.js，history.js和pager.js ..

一切的工作很好除了「真實」頁面刷新。由於內容是從pager.js（通過div導航的knockout.js的插件）動態寫入的，而history.js正在更改uri，因此當網頁刷新時，它會打破404錯誤。但是，在pager.js網站上，我可以刷新任何動態鏈接，並且它可以正常工作。我已經通過了文檔，但我不確定如何解決這個問題。我在最後看到了一些關於抓取搜索引擎html的快照的crawler.js，儘管我不確定這可能是我的答案。

有沒有人有如何解決這個問題的想法？我的答案是crawler.js嗎？

Answer 1

您需要將您的網絡服務器配置爲爲您的html頁面提供一系列模式/網址，而不僅僅是其正常的URL。這是您在使用history.js（或任何其他html5歷史記錄解決方案）時需要執行的操作。

比方說，你的網頁是

example.com/my_page/ // points to some_folder/index.html 

和你導航到

example.com/my_page/side_1 

那麼你需要讓你的網絡服務器提供給您的文件index.html即使URL example.com/my_page/side_1被訪問。否則，您的服務器將以404響應，因爲它將嘗試提供不存在的文件some_folder/side_1。