vue3.2/Vite/Ts35: 路由鉴权之进度条业务
·
Yin灏
进度条插件安装
pnpm i nprogress
新建路由鉴权处理文件
- 新建 src/permisstion.ts
import nprogress from "nprogress";
import "nprogress/nprogress.css";
import router from "@/router";
// 全局前置守卫
router.beforeEach((to: any, from: any, next: any) => {
nprogress.start();
next();
});
// 全局后置守卫
router.afterEach((to: any, from: any) => {
nprogress.done();
});
使用 src/permisstion.ts
- 在入口文件中引入
// main.ts
import "./permisstion";