vue-element-admin 配置动态路由路由由后端返回

需求是：根据用户登录状态，后台识别状态返回路由菜单表，根据菜单表配置路由；在登录页用户登录成功后获取菜单；2.在utils文件下封装一个menu.js；用于转换路由数组；因为后台返回的数组需要自己做处理；3.配置左侧展示路由4.刷新页面时会404找不到页面，在main.js中添加存储，这不能直接存储转换过的路由数组，会报错；路由格式一定要安装原静态路由格式写，不然会报错；...

三七_z

8887人浏览 · 2020-06-11 17:04:55

三七_z · 2020-06-11 17:04:55 发布

需求是：根据用户登录状态，后台识别状态返回路由菜单表，根据菜单表配置路由；

在登录页用户登录成功后获取菜单；

2.在utils文件下封装一个menu.js；用于转换路由数组；因为后台返回的数组需要自己做处理；

3.配置左侧展示路由

4.刷新页面时会404找不到页面，在main.js中添加存储，这不能直接存储转换过的路由数组，会报错；

路由格式一定要安装原静态路由格式写，不然会报错；

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^