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
import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
import {getToken} from "@/utils/token"
import Login from '@/views/login/index.vue'
import Home from '@/views/home/index.vue'
import Error from '@/views/404/index.vue'
import { onGetRouter } from '@/utils/userInfo'
console.log(onGetRouter(),'getRouter');
const routes: Array<RouteRecordRaw> = [
{
path:'/',
redirect:'/login'
},
{
path: '/login',
name: 'Login',
component: Login
},
{
path: '/home',
name: 'Home',
component: Home,
redirect:'/home/paybind',
children:[
{
path:'/home/page',
component: ()=>import('@/views/home/page/index.vue'),
meta:{
iconfont:'icon-fencengpeizhi'
},
redirect:'/home/page/paybind',
children:[
{
path: '/home/page/paybind',
name: 'PayBind',
component: ()=>import('@/views/home/page/pay-bind/index.vue')
},
{
path: '/home/page/payconfig',
name: 'PayConfig',
component: ()=>import('@/views/home/page/pay-config/index.vue')
},
]
},
{
path: '/home/goodscabinet',
name: 'GoodsCabinet',
meta:{
iconfont:'icon-shangpin'
},
component: ()=>import('@/views/goods-cabinet/index.vue')
},
{
path: '/home/paylist',
name: 'PayList',
meta:{
iconfont:'icon-zhifubao'
},
component: ()=>import('@/views/pay-list/index.vue')
},
]
},
{
path: '/404',
name: '404',
component: Error
}
]
const router = createRouter({
history: createWebHistory(),
routes
})
router.beforeEach((to,from,next)=>{
const token:any = getToken
if(token){
next()
}else{
router.push('/login')
}
})
export default router