自用复习：动态路由页面刷新之后空白

问题

添加动态路由页面刷新之后空白，刷新后打印所有路由状态还在。

解决方法

在注册router的时候就将所有的动态路由添加进来。

这是最符合业务需求和业务逻辑的并且高效的方式。这里在代码的基础上说思路，不针对技术选型：

一般的动态路由流程三件套： 【获取后端数据】【封装格式化路由方法】【调用方法生成路由】

【获取后端数据】：这一步获取的是系统的菜单的数据¹，作用有两【展示菜单目录】【生成动态路由】。获取成功之后存储在store里头，方便获取。将数据存到storage中。

state: {
   
    menu: [],
}
mutations: {
   
    SET_MENU: (state, params = {
    }) => {
   
        let {
    menu, type } = params;
        state.menu = menu;
        // 设置Storage存储
        setStore({
   
            name: 'menu'