添加一个路由守卫import Vue from 'vue'; import Router from 'vue-router'; import serve from '@/views/serve/serv-e.vue';//服务 import hospital from '@/views/hospital/hosp-ital.vue';//导诊 import current from '@/views/current/curr-ent.vue';//一码通行 import information from '@/views/information/info-rmation.vue';//消息 import mine from '@/views/mine/mi-ne.vue';//我的 import login from '@/views/login/logi-n.vue';//登录 Vue.use(Router); const router = new Router({ routes: [ { path: '/', name: 'login', component: login, meta: { requiresAuth: true }, // 需要登录才能访问的路由 }, { path: '/serve', name: 'serve', component: serve, meta: { requiresAuth: true }, // 需要登录才能访问的路由 }, { path: '/hospital', name: 'hospital', component: hospital, meta: { requiresAuth: true }, // 需要登录才能访问的路由 }, { path: '/current', name: 'current', component: current, meta: { requiresAuth: true }, // 需要登录才能访问的路由 }, { path: '/information', name: 'information', component: information, meta: { requiresAuth: true }, // 需要登录才能访问的路由 }, { path: '/mine', name: 'mine', component: mine, meta: { requiresAuth: true }, // 需要登录才能访问的路由 }, ], }); // 路由前置守卫 export default router;
时间: 2024-04-28 09:25:39 浏览: 130
这段代码中的路由前置守卫是一个函数,它的作用是在每个路由切换之前被调用,用来进行权限验证等操作。具体而言,它会检查当前路由的 meta 属性中是否包含 requiresAuth 属性,如果该属性为 true,说明该路由需要登录才能访问,此时会检查用户是否已登录,如果用户已登录,则继续进行路由切换,否则会跳转到登录页面。
需要注意的是,在该代码中,路由前置守卫被定义在了 router 对象上,意味着该守卫会作用于所有的路由。如果需要对某个路由单独进行权限验证,可以在该路由的 meta 属性中添加 requiresAuth 属性,将其设置为 true。
阅读全文