Vue中路由跳转无法正常返回，含解决思路

---

前言

  Vue路由跳转为什么会出现当前页面返回后仍然是当前页面？大概率是因为在第二级页面跳转到第一级页面是使用的replace实现跳转，这个时候跳原本的第二级页面路由历史会被替换为第一级页面路由，而在我们进入第二级路由之前的路由历史为第一级路由历史，也就是说此时的路由历史中存在两个第一级路由，此时点击返回我们会回到路由历史中的上一个页面，也就是重复的第一级路由，而再次点击返回才能达到我们预期的结果。
  大概流程是这样的：

---

解决方法

  如果项目中存在统一的入口文件，可在此文件配置全局路由守卫，发生路由跳转时可进行拦截判断，获取此次跳转的 to、from、next 信息，并在此判断 to 与 from 是否为同一个路由，如果是同一个路由那么直接选择返回上一路由即可解决。

  代码实现如下：

router.beforeEach((to, from, next) => {
	if (to.name === from.name) {
      console.log('返回上一页面');
      router.go(-1);
    }
    return;
})

---

总结

  以上为在Vue项目中使用replace进行路由跳转时遇到的小问题，感谢阅读我的分享~