refactor: 111

.vscode/settings.json

@@ -147,6 +147,7 @@
   },
   "prettier.requireConfig": true,
   "typescript.updateImportsOnFileMove.enabled": "always",
+  "typescript.validate.enable": false,
   "workbench.sideBar.location": "left",
   "[javascriptreact]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"

src/enums/pageEnum.ts

@@ -1,10 +1,10 @@
 export enum PageEnum {
   // basic login path
-  BASE_LOGIN = '/login',
+  BASE_LOGIN = '/preview',
   // basic home path
   BASE_HOME = '/home',
   // error page path
   ERROR_PAGE = '/exception',
   // error log page path
-  ERROR_LOG_PAGE = '/error-log/list',
+  ERROR_LOG_PAGE = '/error-log/list'
 }

src/router/index.ts

@@ -1,33 +1,33 @@
-import type { RouteRecordRaw } from 'vue-router';
-import type { App } from 'vue';
+import type { RouteRecordRaw } from 'vue-router'
+import type { App } from 'vue'
 
-import { createRouter, createWebHashHistory } from 'vue-router';
-import { basicRoutes, LoginRoute } from './routes';
-import { REDIRECT_NAME } from './constant';
+import { createRouter, createWebHashHistory } from 'vue-router'
+import { basicRoutes, LoginRoute } from './routes'
+import { REDIRECT_NAME } from './constant'
 
-const WHITE_NAME_LIST = [LoginRoute.name, REDIRECT_NAME];
+const WHITE_NAME_LIST = [LoginRoute.name, REDIRECT_NAME]
 
 // app router
 const router = createRouter({
   history: createWebHashHistory(),
   routes: (basicRoutes as unknown) as RouteRecordRaw[],
   strict: true,
-  scrollBehavior: () => ({ left: 0, top: 0 }),
-});
+  scrollBehavior: () => ({ left: 0, top: 0 })
+})
 
 // reset router
 export function resetRouter() {
-  router.getRoutes().forEach((route) => {
-    const { name } = route;
+  router.getRoutes().forEach(route => {
+    const { name } = route
     if (name && !WHITE_NAME_LIST.includes(name as string)) {
-      router.hasRoute(name) && router.removeRoute(name);
+      router.hasRoute(name) && router.removeRoute(name)
     }
-  });
+  })
 }
 
 // config router
 export function setupRouter(app: App<Element>) {
-  app.use(router);
+  app.use(router)
 }
 
-export default router;
+export default router

src/router/routes/index.ts

@@ -40,10 +40,5 @@ export const LoginRoute: AppRouteRecordRaw = {
   }
 }
 
-export const PreviewRoute: AppRouteRecordRaw = {
-  path: '/preview',
-  name: 'Preview',
-  component: () => import('/@/views/sys/preview')
-}
 // Basic routing without permission
 export const basicRoutes = [LoginRoute, RootRoute, ...mainOutRoutes, REDIRECT_ROUTE]

src/router/routes/mainOut.ts

@@ -3,20 +3,20 @@ The routing of this file will not show the layout.
 It is an independent new page.
 the contents of the file still need to log in to access
  */
-import type { AppRouteModule } from '/@/router/types';
+import type { AppRouteModule } from '/@/router/types'
 
 // test
 // http:ip:port/main-out
 export const mainOutRoutes: AppRouteModule[] = [
-  // {
-  //   path: '/main-out',
-  //   name: 'MainOut',
-  //   component: () => import('/@/views/demo/main-out/index.vue'),
-  //   meta: {
-  //     title: 'MainOut',
-  //     ignoreAuth: true,
-  //   },
-  // },
-];
+  {
+    path: '/preview',
+    name: 'Preview',
+    component: () => import('/@/views/sys/preview/index.vue'),
+    meta: {
+      title: '预览页',
+      ignoreAuth: true
+    }
+  }
+]
 
-export const mainOutRouteNames = mainOutRoutes.map((item) => item.name);
+export const mainOutRouteNames = mainOutRoutes.map(item => item.name)

src/views/sys/preview/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full h-full"> </div>
+  <div class="w-full h-full">预览页</div>
 </template>
 
 <script lang="ts">

tsconfig.json

@@ -24,7 +24,8 @@
     "skipLibCheck": true,
     "paths": {
       "/@/*": ["src/*"],
-      "/#/*": ["types/*"]
+      "/#/*": ["types/*"],
+      "@/*": ["src/*"]
     }
   },
   "include": [