2021-02-07

经过了一段时间磕磕绊绊的准备（各种情况的干扰），终于到了排期以及准备并进行自己的任务的阶段

前端

最开始想从路由进行学习，结果大部分的路由是储存在数据库的，着实傻了眼

router.beforeEach((to, from, next) => {
//如果设置了meta.title,就将页面标签名称改了
  if (to.meta.title) {
    document.title = to.meta.title + ' - ' + Config.title
  }
//进度条
  NProgress.start()

  if (getToken()) {
    // 已登录且要跳转的页面是登录页
    if (to.path === '/login') {
      next({ path: '/' })
      NProgress.done()
    } else {
      if (store.getters.roles.length === 0) { // 判断当前用户是否已拉取完user_info信息
        store.dispatch('GetInfo').then(res => { // 拉取user_info
          // 动态路由，拉取菜单
          loadMenus(next, to)
        }).catch((err) => {
          console.log(err)
          store.dispatch('LogOut').then(() => {
            location.reload() 
          })
        })
      // 登录时未拉取 菜单，在此处拉取
      } else if (store.getters.loadMenus) {
        // 修改成false，防止死循环
        store.dispatch('updateLoadMenus').then(res => {})
        loadMenus(next, to)
      } else {
        next()
      }
    }
  } else {
    /* has no token*/
    if (whiteList.indexOf(to.path) !== -1) { // 在免登录白名单，直接进入
      next()
    } else {
      next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
      NProgress.done()
    }
  }
})

这个动态路由，第一时间就让我想到了那个vue-router中的动态路由匹配，但那个动态路由匹配，是将不同模式匹配到的路径都渲染到一个共同的组件，动态路由匹配是为了复用
这个动态路由，虽然没有深入去查看，效果是根据不同的权限可以访问不同的路由

刚接触项目，确实有点慌乱，每天看看这个，看了会想起那个还没看，又去看那个，节奏有些乱，
第一次排期，也总是忽略了学习，还好本来考虑了这几天事情较多，本身时间安排较稍微有些缓冲余地，还是计划要定明确，分好优先级，把自己每天要做的先想想，先做重要紧急的