liulingling.177216
2024-08-26 349f1cfc5fa77fbc636d542df0d8050fddec48c2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
import router from './router'
import store from './store'
import {Message} from 'element-ui'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
import {getToken} from '@/utils/auth'
 
NProgress.configure({showSpinner: false})
 
const whiteList = ['/login', '/auth-redirect', '/bind', '/register']
 
router.beforeEach((to, from, next) => {
    NProgress.start()
    if (getToken()) {
        /* has token*/
        if (to.path === '/login') {
            next({path: '/'})
            NProgress.done()
        } else if (to.path === '/reportAnd-monitorBy-provincesAnd-cities') {
            const node = document.createElement('a');
            node.href = 'https://www.baidu.com/';
            node.target = '_blank';
            node.rel = 'noopener noreferrer';
            node.click();
            node.remove();
            // 阻止路由跳转
            next(false);
        } else if (to.path === '/reportAnd-monitorBy-provincesAnd-group') {
            const node = document.createElement('a');
            node.href = 'https://www.baidu.com/';
            node.target = '_blank';
            node.rel = 'noopener noreferrer';
            node.click();
            node.remove();
            // 阻止路由跳转
            next(false);
        } else if (to.path === '/radiation-heating-monitoring') {
            const node = document.createElement('a');
            node.href = 'https://www.51iot.com.cn:3000/frame/ASTopen?orgId=2&language=en-US&theme=gray&refresh=30s';
            node.target = '_blank';
            node.rel = 'noopener noreferrer';
            node.click();
            node.remove();
            // 阻止路由跳转
            next(false);
        } else {
            if (store.getters.roles.length === 0) {
                // 判断当前用户是否已拉取完user_info信息
                store.dispatch('GetInfo').then(res => {
                    // 拉取user_info
                    const roles = res.roles
                    store.dispatch('GenerateRoutes', {roles}).then(accessRoutes => {
                        // 测试 默认静态页面
                        // store.dispatch('permission/generateRoutes', { roles }).then(accessRoutes => {
                        // 根据roles权限生成可访问的路由表
                        router.addRoutes(accessRoutes) // 动态添加可访问路由表
                        next({...to, replace: true}) // hack方法 确保addRoutes已完成
                    })
                })
                    .catch(err => {
                        store.dispatch('FedLogOut').then(() => {
                            Message.error(err)
                            next({path: '/'})
                        })
                    })
            } else {
                next()
                // 没有动态改变权限的需求可直接next() 删除下方权限判断 ↓
                // if (hasPermission(store.getters.roles, to.meta.roles)) {
                //   next()
                // } else {
                //   next({ path: '/401', replace: true, query: { noGoBack: true }})
                // }
                // 可删 ↑
            }
        }
    } else {
        // 没有token
        if (whiteList.indexOf(to.path) !== -1) {
            // 在免登录白名单,直接进入
            next()
        } else {
            next(`/login?redirect=${to.path}`) // 否则全部重定向到登录页
            NProgress.done()
        }
    }
})
 
router.afterEach(() => {
    NProgress.done()
})