VUE路由后退不正常

发布时间:2018-05-02 浏览次数:4473 文章来源:个人博客

  最近,在用VUE开发项目,用VUE的vue-router做路由,本来一切都正常,后期要给项目加入权限,即某些用户不能访问某些页面,有的允许,所以按照网上教程搭建了vue-router的权限,搭建完后,发现权限功能是实现了,也是正常的,但是!后退有时候不好使了。。有时候登陆了,点击浏览器后退按钮,浏览器的URL是发生改变的了,但是vue-router并没有生效,也就是vue-router当前的值还是一样的,这样就造成了页面没有加载后退的页面,一直后退没有变化。

  找了许久,然后还是没有发现问题所在,即没有报错,也没有警告。

  个人估计有两个原因,一个是vuex的存储?第二个就是在初始化vue-router后在对其改变,会出现这种情况?

  问题出现的地方没有找到,只能找了另外的方法来解决,那就是利用vue-router的历史模式。即

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

这样,就能解决后退的问题了。

注意,这个模式需要后端的配置来支持。

key-word
vue后退无反应 vue-router vue-router模式 vue-router的history