如何用vue-router动态添加路由实现长尾词权限控制？

本文共计2265个文字，预计阅读时间需要10分钟。

用户登录后，返回权限菜单列表，前端根据权限动态添加路由，进而动态生成菜单栏。思路如下：

1. 定义初始化默认路由。

2.动态配置路由，这里是将所有组件中相对的路由配置。

用户登录后返回权限菜单，前端根据权限菜单动态添加路由，然后再动态生成菜单栏。

思路如下：

一、定义初始化默认路由。

二、动态配置路由，这里是把所有组件中相应的路由配置成一个个的对象，根据后台返回的菜单tree一个个去匹配。

三、通过匹配，把匹配好的路由数据addRoutes到路由中。

四、为了防止刷新页面后路由数据被清空，这里用判断是否登录的方式，再次加载动态路由。