重定向组件的作用

Question

老师您好，我想请问一下框架中redirect组件的实际作用是什么呢，router.replace方法替换了原路由‘/redirect’，在浏览器中点返回上一页就不会返回‘/redirect’这个路由了，可是这样做是为什么呢，在登录页登录了直接router.push跳转不也是可以吗?望老师解惑，谢谢。

Answer 1

扬_灵 2020-06-18 17:13:03

同学你好，现在采取的方案是判断当前点击的菜单路由和当前的路由是否一致，但一致的时候，会先跳转到一个专门 Redirect 的页面，它会将路由重定向到我想去的页面，这样就起到了刷新的效果了。源代码官方文档中对这块有更详细的介绍，你可以去看一下 https://panjiachen.github.io/vue-element-admin-site/zh/guide/essentials/router-and-nav.html#%E7%82%B9%E5%87%BB%E4%BE%A7%E8%BE%B9%E6%A0%8F-%E5%88%B7%E6%96%B0%E5%BD%93%E5%89%8D%E8%B7%AF%E7%94%B1 ，如果不能解决你的问题，可以继续追问。

• 提问者 Boom_Sakalaka #1

  谢谢老师的回答，我还想问一下啊，在login组件中登录校验成功的时候直接$router.push到redirect组件之后再跳转到别的路由，这样做又是为什么呢？

• 扬_灵 回复 提问者 Boom_Sakalaka #2

  同学你好，第二张图的代码是在登录的时候做个判断，如果你是在图书列表页面退出的那么就会在跳转到登录页面的时候将图书列表页的路由携带到登录路由的后面，这样你登录之后就会直接跳转到图书列表页面，如果你是登录页面后面没有带参数那么就会跳转到首页，如果不能解决你的问题，可以继续追问。

• 提问者 Boom_Sakalaka #3

  非常感谢！