Vue系列：vue中登录后路由输入url时重定向至index

在Vue中，如果用户成功登录后，你可能希望将其重定向到应用程序的主页或仪表板页面。为了实现这个功能，可以使用vue-router提供的导航守卫和路由元信息。

首先，在需要进行身份验证的路由上添加meta字段，如下所示：

const router = new VueRouter({
  routes: [
    {
      path: '/dashboard',
      name: 'dashboard',
      component: Dashboard,
      meta: {
        requiresAuth: true
      }
    },
    // ...
  ]
})

然后，在全局导航守卫中检查用户是否已经登录，如果没有登录，则重定向到登录页面。如果用户已经登录，则继续导航。可以使用以下代码来实现：

router.beforeEach((to, from, next) => {
  const isLoggedIn = sessionStorage.getItem('isLoggedIn')
  if (to.matched.some(record => record.meta.requiresAuth) && !isLoggedIn) {
    next({ name: 'login' })
  } else {
    next()
  }
})

以上代码会在每次路由切换前执行，检查目标路由是否需要身份验证，并检查用户是否已经登录。如果用户已经登录，则继续导航；否则，重定向到登录页面。

请注意，此代码假设用户登录状态是存储在sessionStorage中的布尔值，你需要根据你的需求和实际情况进行调整。