zdqy_firm_former/src/router/index.js

import Vue from 'vue'
import VueRouter from 'vue-router'

// 进度条
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

import setting from '@/setting.js'
import store from '@/store/index.js'
import i18n from '@/utils/i18n.js'
import util from '@/utils/util.js'

// 验权
import { getRefreshToken, getToken } from '@/utils/auth'

// 路由数据
import routes from './routes'

// fix vue-router NavigationDuplicated
const VueRouterPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
  return VueRouterPush.call(this, location).catch((err) => err)
}
const VueRouterReplace = VueRouter.prototype.replace
VueRouter.prototype.replace = function replace(location) {
  return VueRouterReplace.call(this, location).catch((err) => err)
}

Vue.use(VueRouter)

// 导出路由 在 main.js 里使用
const router = new VueRouter({
  routes
})

/**
 * 路由拦截
 * 权限验证
 */
router.beforeEach(async (to, from, next) => {
  // 确认已经加载多标签页数据
  await store.dispatch('ibps/page/isLoaded')
  // 确认已经加载组件尺寸设置
  await store.dispatch('ibps/size/isLoaded')
  // 关闭搜索面板
  store.commit('ibps/search/set', false)
  // 进度条
  NProgress.start()

  const locking = util.cookies.get('locking')
  if (locking === 'locked' && to.name !== 'locking') {
    // 判断当前是否是锁定状态
    next({
      replace: true,
      name: 'locking'
    })
  } else if (locking === 'unlock' && to.name === 'locking') {
    next(false)
  } else {
    // 这里将cookie里是否存有token作为验证是否登录的条件
    const hasToken = getToken()
    if (hasToken && hasToken !== 'undefined') {
      // 从cookie 获取用户token
      // 登录 锁定 401没权限  403禁止访问
      if (
        to.name === 'locking' ||
        to.name === 'login' ||
        to.name === 'error401' ||
        to.name === 'error403' ||
        to.name === 'nomenu'
      ) {
        next()
      } else {
        // 判断是否有子系统和是否有菜单
        if (
          util.isEmpty(store.getters.system) ||
          util.isEmpty(store.getters.menus)
        ) {
          store
            .dispatch('ibps/user/load')
            .then((res) => {
              // 拉取用户信息,避免刷新用户丢失
              const system = store.getters.system
              if (util.isEmpty(system) || util.isEmpty(system.id)) {
                if (util.isEmpty(store.getters.tenants)) {
                  if (to.name === 'systemSelect') return next()
                  return next({ path: '/systemSelect', replace: true })
                }
                // 租户模式下跳转
                if (util.isNotEmpty(store.getters.tenants)) {
                  if (to.name === 'tenantSelect') return next()
                  if (to.name === 'systemSelect') return next()
                  return next({ path: '/tenantSelect', replace: true })
                }
              }
              store
                .dispatch('ibps/menu/init', { systemId: system.id })
                .then(() => {
                  // 根据用户菜单权限生成可访问的路由表
                  if (util.isEmpty(store.getters.menus)) {
                    next()
                  } else {
                    const addRouters = store.getters.routers

                    if (addRouters && addRouters.length > 0) {
                      // 动态添加可访问路由表
                      router.addRoutes(addRouters)
                      // 初始化加载或用户刷新页面后从数据库加载一系列的设置
                      store.dispatch('ibps/account/loadInfo', {
                        addRouters,
                        menus: store.getters.menus
                      })
                      next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
                    } else {
                      next({
                        path: '/403',
                        replace: true,
                        query: { noGoBack: true }
                      })
                    }
                  }
                })
                .catch((e) => {
                  console.error(e)
                  NProgress.done() // 结束Progress
                })
            })
            .catch((e) => {
              NProgress.done() // 结束Progress
              // 前台登出
              store
                .dispatch('ibps/account/fedLogout')
                .then(() => {
                  next({ name: 'login' })
                })
                .catch((err) => {
                  console.error(err)
                })
            })
        } else {
          // 动态改变权限,判断是否有菜单权限，或者刷新页面
          if (to.matched.length === 0) {
            // 不能匹配的路由
            return next({
              path: '401',
              replace: true,
              query: { noGoBack: true }
            })
          } else {
            next()
          }
        }
        // end
      }
    } else {
      /* has no token */
      // 判断refresh tonken是否过期
      const refreshToken = getRefreshToken()
      if (util.isNotEmpty(refreshToken)) {
        // 刷新tonken
        await store
          .dispatch('ibps/account/refreshToken')
          .then(() => {
            next()
          })
          .catch((err) => {
            console.error(err)
          })
      } else {
        // 在免登录白名单，直接进入
        if (setting.whiteRouterList.indexOf(to.path) !== -1) {
          next()
        } else {
          // 没有登录的时候跳转到登录界面
          // 携带上登陆成功之后需要跳转的页面完整路径
          next({
            name: 'login',
            query: {
              redirect: to.fullPath
            }
          })
          NProgress.done()
        }
      }
    }
  }
})

router.afterEach((to) => {
  // 进度条
  NProgress.done()
  // 多页控制 打开新的页面
  /* store.dispatch('ibps/page/open', to) */
  // 更改标题
  i18n.setTitle(to.meta.name || to.name, to.meta.title)
})

export default router