history.pushstate第二次失效

`history.pushState()` 方法可以将一个新的状态添加到浏览器的历史记录中，但是如果在同一页面内多次调用该方法，只有最后一次调用会生效。这是因为 `pushState()` 方法不会将状态添加到历史记录中，而是替换当前状态。

如果您需要在同一页面内多次调用 `pushState()` 方法并使其正常工作，可以考虑使用 `replaceState()` 方法，该方法会将当前状态替换为新的状态。

另外，您还需要确保每次调用 `pushState()` 或 `replaceState()` 方法时，状态对象都是独一无二的，否则浏览器可能会忽略该调用。

相关问题

history.pushState和router.push

history.pushState和router.push都是用于在浏览器中进行页面跳转的方法，它们的区别在于：

1. history.pushState是HTML5新增的API，可以在不刷新页面的情况下改变浏览器的URL地址，但不会触发页面的刷新。这个方法可以用来实现单页应用（SPA）中的路由跳转。

2. router.push是Vue.js框架中的路由跳转方法，它会改变URL地址并且触发页面的刷新。这个方法可以用来实现多页应用中的路由跳转。

window.history.pushstate

window.history.pushState is a method of the JavaScript History API that allows you to add a new state to the browser history without actually reloading the page. This method is used to manipulate the browser's history and change the URL displayed in the address bar of the browser.

The pushState() method takes three parameters:

- state object: an object that represents the state you want to push to the browser's history. This state object can be used later to restore the state of the page when the user clicks the back or forward button.

- title: the title of the new state.

- URL: the URL of the new state.

When pushState() is called, it adds a new entry to the browser history, which allows the user to navigate back and forth between the different states of the web page. This method is commonly used in single-page applications to update the URL displayed in the address bar without actually refreshing the page, making the app feel more like a traditional multi-page website.