Home Explore Help
Sign In
framework
/
fs-portal
3
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

更改路由

tongshangming 9 months ago
parent
945134a6d8
commit
5ea9d38cf8
7 changed files with 72 additions and 5 deletions
Split View Show Diff Stats
  1. 5 4
      index.html
  2. 2 0
      package.json
  3. 14 0
      pnpm-lock.yaml
  4. 8 1
      src/router/constantRouter.ts
  5. 21 0
      src/router/guard.ts
  6. 3 0
      src/router/index.ts
  7. 19 0
      src/router/router.d.ts

+ 5 - 4
index.html
View File 

@@ -1,9 +1,10 @@
 
-<!DOCTYPE html>
 
+<!doctype html>
 
 <html lang="en">
 
   <head>
 
-    <meta charset="UTF-8">
 
-    <link rel="icon" href="/favicon.ico">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <meta charset="UTF-8" />
 
+    <meta name="google" content="notranslate" />
 
+    <link rel="icon" href="/logo.png" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <title>Vite App</title>
 
   </head>
 
   <body>

+ 2 - 0
package.json
View File 

@@ -17,6 +17,7 @@
 
     "@vueuse/core": "^10.11.0",
 
     "axios": "^1.7.2",
 
     "element-plus": "^2.7.5",
 
+    "nprogress": "^0.2.0",
 
     "pinia": "^2.1.7",
 
     "vue": "^3.4.29",
 
     "vue-router": "^4.3.3"
 
@@ -25,6 +26,7 @@
 
     "@rushstack/eslint-patch": "^1.10.3",
 
     "@tsconfig/node20": "^20.1.4",
 
     "@types/node": "^20.14.4",
 
+    "@types/nprogress": "^0.2.3",
 
     "@vitejs/plugin-vue": "^5.0.5",
 
     "@vitejs/plugin-vue-jsx": "^4.0.0",
 
     "@vue/eslint-config-prettier": "^9.0.0",

+ 14 - 0
pnpm-lock.yaml
View File 

@@ -17,6 +17,9 @@ dependencies:
 
   element-plus:
 
     specifier: ^2.7.5
 
     version: 2.7.5(vue@3.4.29)
 
+  nprogress:
 
+    specifier: ^0.2.0
 
+    version: 0.2.0
 
   pinia:
 
     specifier: ^2.1.7
 
     version: 2.1.7(typescript@5.4.5)(vue@3.4.29)
 
@@ -37,6 +40,9 @@ devDependencies:
 
   '@types/node':
 
     specifier: ^20.14.4
 
     version: 20.14.4
 
+  '@types/nprogress':
 
+    specifier: ^0.2.3
 
+    version: 0.2.3
 
   '@vitejs/plugin-vue':
 
     specifier: ^5.0.5
 
     version: 5.0.5(vite@5.3.1)(vue@3.4.29)
 
@@ -1039,6 +1045,10 @@ packages:
 
       undici-types: 5.26.5
 
     dev: true
 
 
+  /@types/nprogress@0.2.3:
 
+    resolution: {integrity: sha512-k7kRA033QNtC+gLc4VPlfnue58CM1iQLgn1IMAU8VPHGOj7oIHPp9UlhedEnD/Gl8evoCjwkZjlBORtZ3JByUA==}
 
+    dev: true
 
+
 
   /@types/svgo@2.6.4:
 
     resolution: {integrity: sha512-l4cmyPEckf8moNYHdJ+4wkHvFxjyW6ulm9l4YGaOxeyBWPhBOT0gvni1InpFPdzx1dKf/2s62qGITwxNWnPQng==}
 
     dependencies:
 
@@ -3925,6 +3935,10 @@ packages:
 
       path-key: 3.1.1
 
     dev: true
 
 
+  /nprogress@0.2.0:
 
+    resolution: {integrity: sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==}
 
+    dev: false
 
+
 
   /nth-check@2.1.1:
 
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
     dependencies:

+ 8 - 1
src/router/constantRouter.ts
View File 

@@ -1,4 +1,4 @@
 
-// import BlankLayout from '@/layouts/BlankLayout.vue'
 
+import BlankLayout from '@/layouts/BlankLayout.vue'
 
 import BasicLayout from '@/layouts/BasicLayout.vue'
 
 import type { RouteRecordRaw } from 'vue-router'
 
 
@@ -26,6 +26,13 @@ const constantRouter: RouteRecordRaw[] = [
 
         }
 
       }
 
     ]
 
+  },
 
+  // 登录之后才能访问的页面
 
+  {
 
+    path: '/admin',
 
+    name: 'admin',
 
+    component: BlankLayout,
 
+    children: []
 
   }
 
 ]

+ 21 - 0
src/router/guard.ts
View File 

@@ -0,0 +1,21 @@
 
+import type { Router } from 'vue-router'
 
+
 
+import NProgress from 'nprogress'
 
+import 'nprogress/nprogress.css'
 
+
 
+const title = useTitle()
 
+
 
+const createRouterGuard = (router: Router) => {
 
+  router.beforeEach(async (to, from) => {
 
+    NProgress.start()
 
+    if (to.meta?.title) {
 
+      title.value = to.meta?.title
 
+    }
 
+  })
 
+
 
+  router.afterEach(() => {
 
+    NProgress.done()
 
+  })
 
+}
 
+
 
+export default createRouterGuard

+ 3 - 0
src/router/index.ts
View File 

@@ -1,9 +1,12 @@
 
 import { createRouter, createWebHistory } from 'vue-router'
 
 import constantRouter from './constantRouter'
 
+import createRouterGuard from './guard'
 
 
 const router = createRouter({
 
   history: createWebHistory(import.meta.env.BASE_URL),
 
   routes: [...constantRouter]
 
 })
 
 
+createRouterGuard(router)
 
+
 
 export default router

+ 19 - 0
src/router/router.d.ts
View File 

@@ -0,0 +1,19 @@
 
+import 'vue-router'
 
+
 
+declare module 'vue-router' {
 
+  interface RouteMeta {
 
+    permission?: any[]
 
+    role?: any[]
 
+    title: string
 
+    icon?: string
 
+    keepAlive?: boolean
 
+    viewName?: string
 
+  }
 
+}
 
+
 
+declare module 'vue-router' {
 
+  interface _RouteRecordBase {
 
+    hidden?: boolean
 
+    menuName?: string
 
+  }
 
+}