配置 #

/**
 * @description: 站点配置
 * @author LiQingSong
 */
import {
	TAjaxHeadersTokenKey,
	TAjaxResponseNoVerifyUrl,
	THomePath,
	TMenuLayout,
	TMenuLayoutStorageKey,
	TMenuStyle,
	TMenuStyleStorageKey,
	TSiteTitle,
	TSiteTokenKey,
	TTheme,
	TThemeStorageKey,
} from "@/@types/config.settings.d";

/**
 * @description: 站点名称
 */
export const siteTitle: TSiteTitle = "Admin-Element-Vue";

/**
 * @description: 首页路由path
 */
export const homePath: THomePath = "/home";

/**
 * @description: 站点本地存储Token 的 Key值
 */
export const siteTokenKey: TSiteTokenKey = "admin-element-vue-token";

/**
 * @description: Ajax请求头发送Token 的 Key值
 */
export const ajaxHeadersTokenKey: TAjaxHeadersTokenKey = "x-token";

/**
 * @description: Ajax返回值不参加统一报错的api地址
 */
export const ajaxResponseNoVerifyUrl: TAjaxResponseNoVerifyUrl = ["/user/login", "/user/info"];

/**
 * @description: Layout 模板主题
 */
export const theme: TTheme = "light";

/**
 * @description: Layout 模板主题本地存储(localStorage)的key名称
 */
export const themeStorageKey: TThemeStorageKey = "admin-element-vue-theme";

/**
 * @description: Layout 菜单导航布局
 */
export const menuLayout: TMenuLayout = "vertical";

/**
 * @description: Layout 菜单导航布局本地存储(localStorage)的key名称
 */
export const menuLayoutStorageKey: TMenuLayoutStorageKey = "admin-element-vue-memu-layout";

/**
 * @description: Layout 菜单导航风格
 */
export const menuStyle: TMenuStyle = "dark";

/**
 * @description: Layout 菜单导航风格本地存储(localStorage)的key名称
 */
export const menuStyleStorageKey: TMenuStyleStorageKey = "admin-element-vue-memu-style";

/**
 * @description: Layout 是否启用多标签Tab页
 */
export const isTabsNav: boolean = true;

/**
 * @description: Layout 多标签Tab页白名单，不用在tabNav组件中显示的路由
 */
export const tabsNavWhiteList: string[] = ["/403", "/500"];

/**
 * @description: Layout 是否启用底部
 */
export const isLayoutFooter: boolean = true;

/**
 * @description: 路由配置入口
 * @author LiQingSong
 */
import NProgress from "nprogress"; // progress bar
import "nprogress/nprogress.css"; // progress bar style
NProgress.configure({ showSpinner: false }); // NProgress Configuration

import { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router";

/* SecurityLayout */
import SecurityLayout from "@/layouts/SecurityLayout.vue";

/* MemberLayout */
import MemberLayoutRoutes from "@/layouts/MemberLayout/routes";
import MemberLayout from "@/layouts/MemberLayout/index.vue";

/* UserLayout */
import UserLayoutRoutes from "@/layouts/UserLayout/routes";
import UserLayout from "@/layouts/UserLayout/index.vue";

/* 请求消除器 */
import { requestCanceler } from "@/utils/request";

// 配置路由
const routes: RouteRecordRaw[] = [
	// MemberLayout 必须放在最上方，因为 redirect: "/home"
	{
		path: "/",
		component: SecurityLayout,
		children: [
			{
				path: "/",
				redirect: "/home",
				component: MemberLayout,
				children: MemberLayoutRoutes,
			},
		],
	},

	{
		path: "/",
		component: UserLayout,
		children: UserLayoutRoutes,
	},

	{
		path: "/:pathMatch(.*)*",
		component: () => import("@/pages/404/index.vue"),
	},
];

const router = createRouter({
	scrollBehavior() {
		return { left: 0, top: 0 };
	},
	history: createWebHashHistory(import.meta.env.BASE_URL),
	routes: routes,
});

/**
 * @description 路由前置，拦截
 */
router.beforeEach((to, from, next) => {
	// start progress bar
	NProgress.start();

	// 在跳转之前，清除所有ajax请求
	requestCanceler.removeAllPending();

	// 跳转到对应路由
	next();
});

/**
 * @description 路由后置，跳转结束
 */
router.afterEach(() => {
	// finish progress bar
	NProgress.done();
});

export default router;