Vue 路由的三种重定向配置方法：设置路由元数据中的 meta.redirect 属性使用路由中间件手动重定向在组件内使用 history.push()
Vue 路由中配置重定向
Vue 路由提供了多种方法来配置重定向，以下是三种常见的方法：
1. 通过路由元数据
这是在路由配置对象中设置 meta.redirect 属性来实现重定向：
<code class="javascript">// routes.js
const routes = [
{
path: '/old-route',
meta: { redirect: '/new-route' },
component: OldRouteComponent
}
];</code>当访问 /old-route 路径时，它将被重定向到 /new-route。
2. 通过路由中间件
路由中间件允许你在路由导航发生之前或之后执行自定义逻辑。可以通过在中间件中手动进行重定向：
立即学习“前端免费学习笔记（深入）”；
<code class="javascript">// middleware.js
import { nextTick, createRedirect } from 'vue-router'
export default {
beforeEnter (to, from, next) {
nextTick(() => {
if (shouldRedirect) {
const redirect = createRedirect(to, 'new-route')
next(redirect)
} else {
next()
}
})
}
}</code>在路由配置文件中，将中间件应用于要重定向的路由：
<code class="javascript">// routes.js
const routes = [
{
path: '/old-route',
component: OldRouteComponent,
middleware: 'redirect'
}
];</code>3. 通过 history.push()
可以在 created() 生命周期钩子中使用 history.push() 来重定向，如：
<code class="javascript">// OldRouteComponent.vue
export default {
created () {
this.$router.push('/new-route')
}
};</code>请注意，此方法只适用于组件内，并且不是 Vue 路由推荐的重定向方式。
