vue-router 重定向配置简单操作

为了实现重定向，我们需要使用Vue Router的redirect功能。在路由配置文件中，我们可以使用redirect关键字指定重定向目标的路径。

例如，如果我们想要将路由从根路径"/"重定向到"/home"，我们可以这样配置路由：

const routes = [
  { path: '/', redirect: '/home' },
  { path: '/home', component: Home }
]

在这里，我们为根路径定义了一个重定向规则，将其重定向到"/home"。注意，这个重定向仅在初始加载时发生；如果用户在"/"处导航到其他页面，重定向将不再起作用。

除了基本的路径重定向外，我们还可以使用函数来动态指定重定向路径。例如，我们可以使用一个路由守卫，根据用户的权限动态地将他们重定向到不同的路径：

const routes = [
  { path: '/', redirect: to => {
      if (hasAccess()) {
        return '/dashboard'
      } else {
        return '/login'
      }
    }
  },
  { path: '/dashboard', component: Dashboard },
  { path: '/login', component: Login }
]

在这里，我们定义了一个基于权限的重定向规则，根据用户的权限将其重定向到"/dashboard"或"/login"。这个重定向规则使用了一个函数，该函数接受一个to对象作为参数，并返回一个重定向路径。

以上是Vue Router的重定向配置简单操作。