youzi
ac4f8dac82
添加NProgress依赖并集成到路由中，实现页面切换时的加载进度条 优化友链页面、博客分类和文章列表的UI样式 调整登录按钮和图片懒加载的显示效果 新增标签随机颜色功能，提升视觉体验
25 lines
494 B
TypeScript
25 lines
494 B
TypeScript
import NProgress from 'nprogress';
|
|
import { createRouter, createWebHistory } from "vue-router";
|
|
import { routes } from "vue-router/auto-routes";
|
|
routes.unshift({
|
|
path: "/",
|
|
redirect: "/home",
|
|
});
|
|
|
|
const router = createRouter({
|
|
history: createWebHistory(import.meta.env.BASE_URL),
|
|
routes: routes as any,
|
|
});
|
|
// 前置守卫
|
|
router.beforeEach((to, from, next) => {
|
|
NProgress.start()
|
|
next();
|
|
});
|
|
|
|
// 后置守卫
|
|
router.afterEach(() => {
|
|
NProgress.done()
|
|
});
|
|
|
|
export default router;
|