vue3全局路由后置守卫
时间: 2023-08-25 15:08:35 浏览: 296
vue 路由守卫(导航守卫)及其具体使用
Vue 3 中的全局后置路由守卫可以通过 `router.afterEach` 方法进行注册。下面是一个简单的例子:
```javascript
import { createRouter, createWebHistory } from 'vue-router';
const router = createRouter({
history: createWebHistory(),
routes: [...]
});
router.afterEach((to, from) => {
// 在每次路由切换后触发
console.log('Global afterEach guard');
});
export default router;
```
在上面的例子中,`router.afterEach` 方法注册了一个全局后置路由守卫。每当路由切换完成时,它会被触发。你可以在回调函数中执行任何需要的操作,比如记录日志、发送统计信息等。
希望这个例子能帮到你!如果有更多问题,请随时提问。
阅读全文