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
|
import {createRouter, createWebHistory} from 'vue-router';
import Home from '@/views/Home.vue';
import Product from '@/views/Product.vue';
import Checkout from '@/views/Checkout.vue';
import Login from '@/views/Login.vue';
import Register from '@/views/Register.vue';
import Orders from '@/views/Orders';
import store from '@/store/index';
const routes = [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/product/:id',
name: 'Product',
component: Product
},
{
path: '/checkout',
name: 'Checkout',
component: Checkout
},
{
path: '/login',
name: 'Login',
component: Login,
meta: {
guest: true
}
},
{
path: '/register',
name: 'Register',
component: Register,
meta: {
guest: true
}
},
{
path: '/orders',
name: 'Orders',
component: Orders,
meta: {
auth: true
}
}
];
const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes
});
router.beforeEach((to, from) => {
if (to.matched.some(record => record.meta.guest) && store.getters.isLoggedIn)
return false;
if (to.matched.some(record => record.meta.admin) && !store.getters.isAdmin)
return false;
if (to.matched.some(record => record.meta.auth) && !store.getters.isLoggedIn) {
from.params.nextUrl = to.fullPath;
return '/login';
}
return true;
});
export default router;
|
