在页面加载时访问pushState URL

Question

我尝试创建一个允许自定义网址的图库，而不是带有标签的网址前缀。

例如：

  

http://www.myportfolio.com/gallery/3

而不是

  

http://www.myportfolio.com/gallery#3

到目前为止一切正常，如果我从http://www.myportfolio.com/gallery访问，我可以使用更新的网址转到下一张和上一张图片。

我现在的主要问题是虽然网址现在是动态的，但仍然无法加入书签，如果我输入http://www.myportfolio.com/gallery/4去第4张图片，它就无法使用。

是否有Javascript方法，或者您需要PHP的组合来重定向网址？

Answer 1

可以使用客户端JavaScript来处理这个问题，尽管您需要设置服务器，以便每个URL（不是像图像或脚本那样）加载SPA运行的引导程序文档。您只需在页面加载时检查supervisord，然后设置所需的内容。

那就是说，这样做是一个非常糟糕的主意，完全忽略了首先使用pushState和朋友的观点。

能够拥有正常URL的两点是：

• JavaScript失败的客户端仍然可以获得有用的页面
• 该网址的内容会在初始页面加载中加载（因此可以更快地使用）

如果你不打算利用这一点，你可以回到hashbangs。