71 lines
1.8 KiB
TypeScript
71 lines
1.8 KiB
TypeScript
import {createRouter, createWebHistory} from 'vue-router'
|
|
import util from '../libs/util'
|
|
|
|
declare module 'vue-router' {
|
|
interface RouteMeta {
|
|
// 是可选的
|
|
isAdmin?: boolean
|
|
// 每个路由都必须声明
|
|
requiresAuth: boolean
|
|
}
|
|
}
|
|
|
|
const router = createRouter({
|
|
history: createWebHistory(),
|
|
routes: [
|
|
{
|
|
path: '/',
|
|
name: 'home',
|
|
meta: {
|
|
requiresAuth: true,
|
|
},
|
|
component: () => import('../view/home.vue')
|
|
},
|
|
{
|
|
path: '/app',
|
|
name: 'app',
|
|
meta: {
|
|
requiresAuth: true,
|
|
},
|
|
component: () => import('../view/demo.vue')
|
|
},
|
|
{
|
|
path: '/wx',
|
|
name: 'wx',
|
|
component: () => import('../view/wx.vue')
|
|
},
|
|
{
|
|
path: '/login/:uuid?',
|
|
name: 'login',
|
|
component: () => import('../view/login.vue')
|
|
},
|
|
{
|
|
path: '/register/:uuid?',
|
|
name: 'register',
|
|
component: () => import('../view/register.vue')
|
|
},
|
|
{
|
|
path: '/:path(.*)',
|
|
name: '404',
|
|
component: () => import('../view/404.vue')
|
|
}
|
|
//...
|
|
],
|
|
})
|
|
|
|
router.beforeEach((to, from) => {
|
|
// 而不是去检查每条路由记录
|
|
// to.matched.some(record => record.meta.requiresAuth)
|
|
if (to.meta.requiresAuth && !util.checkLogin()) {
|
|
// 此路由需要授权，请检查是否已登录
|
|
// 如果没有，则重定向到登录页面
|
|
return {
|
|
name: 'login',
|
|
// 保存我们所在的位置，以便以后再来
|
|
query: {redirect: to.fullPath},
|
|
}
|
|
}
|
|
})
|
|
|
|
export default router
|