Простые функции history.pushState или replaceState не работают в проекте vue

Question

Я использую history.replaceState или history.pushState в своем собственном проекте, который написан vue.js, почему они не работают.
На самом деле, я вижу, что адрес URL изменился в адресной строке: from 'location: 3030 / # / a 'to' location: 3030 / # / b ', но, к сожалению, текущая страница не меняется.

history.pushState({key: 641.928}, '', 'http://localhost:3030/#/a');

Я ожидаю, что страница a перейдет на новую страницу b;

Answer 1

history.pushState не будет изменять страницу, только URL. Если вы хотите перейти на новую страницу и перезагрузить, вы можете использовать window.location.href="http://localhost:3030/#/a". Это перезагрузит страницу.

Если вы не хотите перезагружать страницу, вы должны сначала изменить содержимое страницы вручную (это очень легко сделать), а затем вызвать history.pushState, чтобы изменить URL.