read_opc/chuanyi_client2/src/permission.js

import router from './router'
import store from './store'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
import {getToken} from '@/utils/auth'

// NProgress.configure({showSpinner: false})

const whiteList = ['/login']

router.beforeEach(async (to, from, next) => {
    // NProgress.start()
    if (getToken()) {
        if (to.path === '/login') {
            next({path: '/'})
            // NProgress.done()
        } else {
            if (to.matched.length === 0) {
                // next('/404')
                // NProgress.done()
            }
            const hasRoles = store.getters.roles && store.getters.roles.length > 0
            if (hasRoles) {
                next()
            } else {
                try {
                    // 获取用户角色信息
                    const {roleList} = await store.dispatch('user/getInfo')
                    // 循环判断角色
                    next({...to, replace: true})
                } catch (error) {
                    console.log(error)
                    await store.dispatch('user/resetToken')
                    next(`/login?redirect=${to.fullPath}`)
                    // NProgress.done()
                }
            }
        }
    } else {
        // 没有token
        if (whiteList.indexOf(to.path) !== -1) {
            // 在免登录白名单，直接进入
            next()
        } else {
            next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
            // NProgress.done()
        }
    }
})

router.afterEach(() => {
    // NProgress.done()
})