vue中动态路由的实现 router.addroutes

Question

vue做管理系统时遇到了一个权限的问题

1.在login.vue中用户登录成功后并获取到其权限信息;
2.通过router.addroutes动态添加路由;
3.修改左侧菜单;

问题是 我现在退出后返回login.vue中,用户切换了一个账号再登录,请问我要怎么清除之前登录添加的路由表?router有方法能初始化路由吗?

Answer 1

vue-router没有提供清除路由表的方法，猜测清除路由表是为了不让切换后的账号访问之前的路由表。如果是这样的话，那换种思路，不清除之前的路由表，但是不让后面的账号访问。那可以增加访问权限，根据权限生成路由表，并配合路由守卫实现。可以参考这篇文章。

Answer 2

你对addroutes的路由进行了缓存吗，没有的话，刷新一次就没了；