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

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

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

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

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

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

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

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

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

Logo

前往低代码交流专区

更多推荐