关于vue-router中点击浏览器前进后退没反应的情况

Question

如题所述

Answer 1

在遇到这个问题的时候，一开始我以为是keep-alive使用时出现的问题，因为keep-alive是用来缓存页面的。后来把keep-alive去掉之后这个问题还存在。那就不得不去怀疑是vue-router本身的问题。

先来看一下官方的解释：

vue-router HTML5 History 模式

我一开始是这样配置的：

在new VueRouter中只有一个routes的配置，并没有设置其他的东西，这个时候的浏览器的前进后退功能在第一次进去页面的时候是完全不能用的。神奇的是你按了一下刷新按钮之后，它又能用了。

怎么样才能使浏览器中的前进后退功能恢复正常呢？答案很简单，就加一个配置而已：

就是这么简单。