feat: ✨ 添加 Hash 路由模式

.env.base

@@ -13,6 +13,9 @@ VITE_APP_TITLE=MicroBuild
 # 是否开启动态路由
 VITE_APP_DYNAMIC_ROUTER=true
 
+# 是否开启hash路由
+VITE_APP_HASH_ROUTER=false
+
 # 是否全量引入element-plus样式
 VITE_USE_ALL_ELEMENT_PLUS_STYLE=true
 

.env.dev

@@ -25,6 +25,9 @@ VITE_APP_TITLE=MicroBuild
 # 是否开启动态路由
 VITE_APP_DYNAMIC_ROUTER=true
 
+# 是否开启hash路由
+VITE_APP_HASH_ROUTER=false
+
 # 是否包分析
 VITE_USE_BUNDLE_ANALYZER=false
 

.env.gitee

@@ -25,6 +25,9 @@ VITE_APP_TITLE=MicroBuild
 # 是否开启动态路由
 VITE_APP_DYNAMIC_ROUTER=false
 
+# 是否开启hash路由
+VITE_APP_HASH_ROUTER=true
+
 # 是否包分析
 VITE_USE_BUNDLE_ANALYZER=false
 

.env.github

@@ -25,6 +25,9 @@ VITE_APP_TITLE=MicroBuild
 # 是否开启动态路由
 VITE_APP_DYNAMIC_ROUTER=false
 
+# 是否开启hash路由
+VITE_APP_HASH_ROUTER=true
+
 # 是否包分析
 VITE_USE_BUNDLE_ANALYZER=false
 

.env.pro

@@ -25,6 +25,9 @@ VITE_APP_TITLE=MicroBuild
 # 是否开启动态路由
 VITE_APP_DYNAMIC_ROUTER=true
 
+# 是否开启hash路由
+VITE_APP_HASH_ROUTER=false
+
 # 是否包分析
 VITE_USE_BUNDLE_ANALYZER=true
 

.env.test

@@ -25,6 +25,9 @@ VITE_APP_TITLE=MicroBuild
 # 是否开启动态路由
 VITE_APP_DYNAMIC_ROUTER=true
 
+# 是否开启hash路由
+VITE_APP_HASH_ROUTER=false
+
 # 是否包分析
 VITE_USE_BUNDLE_ANALYZER=false
 

src/router/index.ts

@@ -1,4 +1,4 @@
-import { createRouter, createWebHistory } from 'vue-router'
+import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router'
 import type { RouteRecordRaw } from 'vue-router'
 import { Layout, getParentLayout } from '@/utils/routerHelper'
 import { NO_RESET_WHITE_LIST } from '@/constants'
@@ -694,7 +694,10 @@ export const asyncRouterMap: AppRouteRecordRaw[] = [
 ]
 
 const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
+  history:
+    import.meta.env.VITE_APP_HASH_ROUTER === 'true'
+      ? createWebHashHistory(import.meta.env.BASE_URL)
+      : createWebHistory(import.meta.env.BASE_URL),
   routes: constantRouterMap as RouteRecordRaw[],
   scrollBehavior: () => ({ left: 0, top: 0 })
 })