Vue动态路由+全局前置守卫router.beforeEach+Vuex（解决了刷新空白问题）

一、动态菜单（主要分为：获取接口数据、自定义转换数据格式component/components、存储数据到localStorage中等）

1、获取接口数据：登录时请求接口，一般是数组数据（具体看后端怎么返回，此处后端返回数据的接口有：登录接口、单独获取菜单接口），此处后端返回数据格式如下：

2、因为本次所有子页面都放在一个文件夹下，所以返回的数据字段“components” ，就是对应的文件夹，菜单目录如下：

【调用自定义转换函数】--》 获取到对应的菜单之后，调用转换函数

【函数具体写法】--》 此处利用了Vuex存储菜单（即上面的addMenu函数，是store中对应的actions的函数），然后调用自定义函数getMenus

 

--------------------没写完，明天继续哈哈哈哈

标签：返回,菜单,beforeEach,函数,自定义,接口,获取,Vue,router
来源： https://blog.csdn.net/weixin_42512937/article/details/100778840