javascript - 动态更改 URL 而不添加以前的历史堆栈

Question

stackoverflow 问题 URL 包括 servlet、id# 和标题，如下所示...

stackoverflow.com/questions/824349/modify-the-url-without-reloading-the-page

我的网站与 URL 的工作方式相同......

localhost:8443/user/1/admin

我在后端执行的获取用户信息的查询只需要 ID 号。之后的用户名只是为了展示。因此，如果您在浏览器中输入 localhost:8443/user/1/a，它会为您提供与此 localhost:8443/user/1/admin 完全相同的页面>

Stackoverflow 能够注意到 URL 的末尾部分丢失并将其添加回去。因此，如果您将其放入地址栏

stackoverflow.com/questions/824349/modify

他们会动态的改成这个

stackoverflow.com/questions/824349/modify-the-url-without-reloading-the-page

现在我确实在 stackoverflow 上阅读了有关动态更改 URL 的内容，并且每个人都一直在引用 history.pushstate，所以我试了一下。这样做的问题是它向历史堆栈添加了不正确的 URL。我想要完成的是将 URL 更改为它应该的路径，而不是将错误的 URL 包含到历史堆栈中。因此，如果用户决定返回，他们将返回上次访问的实际页面，stackoverflow.com/questions/824349/modify。就像 stackoverflow 一样。我怎么能这样做!？

Answer 1

查看 replaceState method .