diff --git a/.env.vercel b/.env.vercel
new file mode 100644
index 00000000..79b6c0a7
--- /dev/null
+++ b/.env.vercel
@@ -0,0 +1 @@
+VITE_HTTP_ENV=VERCEL
diff --git a/package.json b/package.json
index 0d6a1bb8..56490aea 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,11 @@
   "version": "1.0.0",
   "scripts": {
     "dev": "vite",
+    "dev:prod": "vite --mode production",
+    "dev:vercel": "vite --mode vercel",
     "build": "vue-tsc --noEmit --skipLibCheck && vite build",
+    "build:test": "vue-tsc --noEmit --skipLibCheck && vite build --mode development",
+    "build:vercel": "vue-tsc --noEmit --skipLibCheck && vite build --mode vercel",
     "serve": "vite preview",
     "lint": "eslint ./src --ext .vue,.js,jsx,.ts,tsx",
     "lint:fix": "eslint --fix ./src --ext .vue,.js,jsx,.ts,tsx",
diff --git a/src/router/index.ts b/src/router/index.ts
index 0a3cc775..0456540d 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,4 +1,4 @@
-import { createRouter, createWebHistory } from 'vue-router';
+import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router';
 import type { App } from 'vue';
 import type { RouteRecordRaw } from 'vue-router';
 import { customRoutes } from './routes';
@@ -6,8 +6,10 @@ import createRouterGuide from './permission';
 
 const routes: Array<RouteRecordRaw> = [...customRoutes];
 
+const isVercel = import.meta.env.VITE_HTTP_ENV === 'VERCEL';
+
 export const router = createRouter({
-  history: createWebHistory(),
+  history: isVercel ? createWebHashHistory() : createWebHistory(),
   routes
 });