123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 |
- import Vue from 'vue'
- import router from './router'
- import store from './store'
- import NProgress from 'nprogress' // progress bar
- import '@/components/NProgress/nprogress.less' // progress bar custom style
- import notification from 'ant-design-vue/es/notification'
- import { setDocumentTitle, domTitle } from '@/utils/domUtil'
- import { ACCESS_TOKEN } from '@/store/mutation-types'
- import versionTood from '@/libs/versionUpdate'
- NProgress.configure({ showSpinner: false }) // NProgress Configuration
- const whiteList = ['login', 'register', 'registerResult', 'realTimeSalesReport', 'fPanalysisReport'] // no redirect whitelist
- const defaultRoutePath = '/home'
- router.beforeEach((to, from, next) => {
- // 判断当前代码版本是否与服务器中代码版本一致,如不一致则刷新页面获取最新
- versionTood.isNewVersion()
- NProgress.start() // start progress bar
- to.meta && (typeof to.meta.title !== 'undefined' && setDocumentTitle(`${to.meta.title} - ${domTitle}`))
- let token = store.state.user.token || sessionStorage.getItem(ACCESS_TOKEN)
- token = token != 'null' && token != 'undefined' && token ? token : ''
- // console.log(token,'token')
- // 已登录
- if (token) {
- /* has token */
- if (to.path === '/user/login') {
- next({ path: defaultRoutePath })
- NProgress.done()
- } else {
- const userInfo = Vue.ls.get('userName')
- // console.log(userInfo)
- if (userInfo) {
- store.dispatch('SetInfo', userInfo)
- } else {
- store.dispatch('Logout').then(() => {
- // next({ path: '/user/login', query: { redirect: to.fullPath } })
- next({ path: '/user/login' })
- })
- }
- // console.log(store.getters.roles)
- if (store.getters.roles.permissionList.length === 0) {
- store
- .dispatch('GetInfo', token)
- .then(res => {
- const roles = res
- // console.log(roles, 'roles')
- if (roles.permissionList.length == 0 || !roles) {
- store.dispatch('Logout').then(() => {
- store.dispatch('ResetRoutes').then(() => {
- // next({ path: '/user/login', query: { redirect: to.fullPath } })
- next({ path: '/user/login' })
- })
- })
- } else {
- store.dispatch('GenerateRoutes', { roles }).then(() => {
- // 根据roles权限生成可访问的路由表
- next({ ...to, replace: true })
- // 动态添加可访问路由表
- // router.addRoutes(store.getters.addRouters)
- // const redirect = decodeURIComponent(from.query.redirect || to.path)
- // if (to.path === redirect) {
- // // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
- // next({ ...to, replace: true })
- // } else {
- // // 跳转到目的路由
- // next({ path: redirect })
- // }
- })
- }
- })
- .catch(() => {
- notification.error({
- message: '错误',
- description: '请求用户信息失败,请重试'
- })
- store.dispatch('Logout').then(() => {
- // next({ path: '/user/login', query: { redirect: to.fullPath } })
- next({ path: '/user/login' })
- })
- })
- } else {
- next()
- }
- }
- } else {
- // 未登录
- if (whiteList.includes(to.name)) {
- // 在免登录白名单,直接进入
- next()
- } else {
- // next({ path: '/user/login', query: { redirect: to.fullPath } })
- next({ path: '/user/login' })
- NProgress.done() // if current page is login will not trigger afterEach hook, so manually handle it
- }
- }
- })
- router.afterEach(() => {
- NProgress.done() // finish progress bar
- })
|