vue路由重定向实现

Vue.js 路由重定向可以让你控制用户从一个URL导航到另一个URL的行为。当你需要在某些特定条件下改变用户的导航路径，如登录状态变化、页面初始化等，就可以利用路由的 `redirect` 或者 `beforeEach` 钩子函数来实现。

1. **使用`redirect`属性**：
- 在单个路由配置里，你可以设置 `redirect` 属性，例如：

     {
       path: '/login',
       redirect: { name: 'home', query: { from: '/previous-path' } }
     }

这将把访问 `/login` 的请求重定向到名为 `home` 的路由，并传递额外查询参数。

2. **使用`beforeEach`钩子**：
- 如果你需要基于更复杂的条件动态决定重定向，可以使用全局的 `router.beforeEach` 函数，在每次导航开始之前检查：

     router.beforeEach((to, from, next) => {
       if (/* 某个条件 */) {
         next({ path: '/redirected-path', query: ... }) // 重定向到新的路径
       } else {
         next() // 继续正常导航
       }
     })