vue中，路由重定向

在 Vue 中，可以使用路由重定向来将一个 URL 地址重定向到另一个 URL 地址。这通常用于将用户从一个页面重定向到另一个页面。

下面是一个简单的例子：

const routes = [
  { path: '/', redirect: '/home' }, // 重定向到 /home
  { path: '/home', component: Home },
  { path: '/about', component: About },
  { path: '/contact', component: Contact },
]

在上面的代码中，如果用户访问根路径 `/`，则会被重定向到 `/home`。如果用户访问其他路径如 `/about` 或 `/contact`，则会分别显示 About 组件和 Contact 组件。

需要注意的是，重定向的目标地址可以是任何有效的路由地址，可以是一个具体的路径，也可以是一个命名路由。例如：

const routes = [
  { path: '/', redirect: { name: 'home' } }, // 重定向到名为 home 的路由
  { path: '/home', name: 'home', component: Home },
  { path: '/about', name: 'about', component: About },
  { path: '/contact', name: 'contact', component: Contact },
]

在这个例子中，根路径 `/` 会被重定向到名为 `home` 的路由。而 `home` 路由实际上是指向 `Home` 组件的，因为我们使用了 `name` 属性给这个路由命名。