vue3.0+vite+typescript项目架构搭建之路由配置

vue3.0+vite+typescript项目架构搭建之路由配置

项目路由目录结构

为了路由文件更好的管理，以模块进行路由文件划分。

1.创建路由主文件index.ts

    路由分2种模式，根据需要进行选择： 

 createWebHashHistory hash模式

createWebHistory History模式

/**
 * @description 路由配置文件
 * @author : lsx
 * @version : v1.0
 * @date : 2020/10/22 14:04
 */
// import VueRouter from "vue-router";
import {createRouter, createWebHashHistory, createWebHistory, RouterOptions} from "vue-router";
import {setPageTitle} from "./setPageTitle";
import {setRouterBefore} from "./routerBefore";

import sign from "./module/sign";
import home from "./module/home";
import admin from "/@/router/module/admin";

const routes: any = [
    ...admin,