在SPA (单页应用程序)中导航，但刷新时页面中断？(knockout.js、pager.js、history.js)

Question

我正在使用html5、knockout.js、history.js和pager.js创建一个SPA (单页应用程序)。

除了“真正的”页面刷新之外，一切都很顺利。由于内容是从pager.js (导航到div的knockout.js插件)动态编写的，并且history.js正在更改uri，所以当刷新网页时，会出现404错误。然而，在pager.js网站上，我可以刷新任何动态链接，并且它可以正常工作。我已经看过文件了，但我不知道如何解决这个问题。我在结尾看到了一些东西，指的是crawler.js为搜索引擎拍摄的html快照，这可能是我的答案，但我不确定。

有谁知道怎么解决这个问题吗？crawler.js是我的答案吗？

Answer 1

您需要配置您的URL服务器，为您的html页面提供一系列模式/URL，而不仅仅是它的普通URL。每当您使用history.js (或任何其他html5历史解决方案)时，都需要这样做。

假设你的页面是

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

而你正在导航到

example.com/my_page/side_1

然后，您将需要使您的URL服务器为您的文件index.html服务，即使访问了example.com/my_page/side_1 URL。否则，您的服务器将使用404响应，因为它将尝试提供不存在的文件some_folder/side_1。