[vue-router]关于我点击刷新会回到登录界面的问题

175 阅读 0 评论 116 点赞

我是靠谱客的博主狂野小兔子，这篇文章主要介绍[vue-router]关于我点击刷新会回到登录界面的问题，现在分享给大家，希望可以做个参考。

首先，我遇到的问题就是vue项目只要一点击刷新就会回到主页的登录界面

但是，根据vue-router的使用手册来看，肯定是在哪里刷新就留在哪里，得出结论：我太菜肯定有地方写错了！

往前看一直看到App.vue主页，在这里我看到我是这么处理的：

为了一打开网址就跳转到login.vue，我使用了生命周期的mounted钩子

mounted() {
    this.$router.push('login')
  }

这样子就会导致每次一刷新页面（即App.vue所挂载的index.html）都会执行这个钩子，导致跳转到登录页，那么正确的做法是什么呢：

{
      path:'/',
      name: "登录",
      component: () => import('../components/Login')
}

那就是直接将默认网址设置为登录页，在此需要解决的问题就是怎么使得用户有一个记住登录账号的功能，不需要每次都点击登录

只要设置这个就不会一直跳转到主页了，问题不大，但是被我忽略了这一段代码，导致找不到解决方法，既然找到了，后续的解决就顺水推舟一直推就好了

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。