Vue3 管理要素フレームワーク学習メモ ----5 (最終記事 -- 動的ルーティング)

左側のメニュー バーに関しては、直接追加または削除したり、ルーターをローカルに保存したりできますが、これは結局のところ、長期的で便利なソリューションではありません。

アイデア: すべてのルーターを書き出しますが、左側のメニューで配列を生成する前にそのアクセス許可を判断し、指定されたレンダリングを実行します。

ステップ:

准备:src>config>setting.js>authentication=='all'(改变为后端控制)
src>roouter   写出所有的文件路径和名称
改变接口
加代理
改变本地端口(8090)

permission.js         src>config>permission.js
routes.js                src>src>store>modules>routes
handleRoutes.js     src>utils>handleRoutes.js



1:permission.js
48: accessRoutes = await store.dispatch('routes/setAllRoutes',本地存储参数);
2:routes.js
38:let accessRoutes = convertRouter(本地存储参数);
3:handleRoutes.js
20:delete route.redirect;




47:当后台为主的时候执行该判断
获取到存储到本地的一个数据
调用上面的数组accessRoutes(复制上面的代码改变括号里面的数据)作用:vuex的一个调用方法和获取到指定数据    
'routes/setAllRoutes', a.roles     routes/setAllRoutes:roters(src>store>modules>routes)里面的setAllRoutes函数
convertRouter(a.roles)方法里面的数据改成你自己的本地数据    convertRouter是src>utils里面的函数 目的是调用选择注册路由
删除数组里面的redirect,因为他指向是他本身

おすすめ

転載: blog.csdn.net/m0_72196169/article/details/130152198