vue3+vite+addRoute+pinia后台管理系统动态路由的添加

最新推荐文章于 2024-07-02 20:30:00 发布

paul jeorgh

最新推荐文章于 2024-07-02 20:30:00 发布

阅读量251

点赞数 2

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/2302_79777012/article/details/136039540

版权

router.beforeEach(async(to:any, from:any, next) => {
    console.log("permission已执行。。。。。。。。")
    const token  = useStore.token;//获取token
    console.log("token:",token)
    // token存在才能进入home/
    /**
     * 如果有token可以进入首页
     */
    if(token){
           console.log("useUserStore.leftListData:",useStore.leftListData.value)
           console.log("useUserStore.listFinish",useStore.listFinish.value)
                   // let redirect:any = $route.query.redirect
        // $router.push({path:redirect || "/"})
        // 动态路由添加函数
        //  const routes:RouteRecordRaw[] = []
        //  useStore.listFinish.value.forEach((element:any) => {
        //       routes.push({
        //            path:element.path,
        //            component:element.component,
        //            meta:{
        //               title:element.title
        //            }
        //       })   
        //  });
        // /**
        //  * 1.创建动态路由，添加到layout下面
        //  * 
        //  */
        //  routes.map(item=>{
        //       let url = `../src/views/home/${item.component}`
        //       item.component = ()=>import(url)
        //       router.addRoute('layout',item)
        //  })
           console.log("router.getRoutes():",router.getRoutes())
           next()
        /**
         * 如果没有token去登录
         */
    }else{
        next({path:'/login'})
    }
});