use createWebHistory

auto-imports.d.ts

@@ -3,5 +3,4 @@ export {}
 declare global {
   const ElMessage: typeof import('element-plus/es')['ElMessage']
   const ElMessageBox: typeof import('element-plus/es')['ElMessageBox']
-  const ElNotification: typeof import('element-plus/es')['ElNotification']
 }

src/router/index.ts

@@ -1,5 +1,5 @@
 import { markRaw } from 'vue';
-import { createRouter, createWebHashHistory } from 'vue-router'; // createWebHashHistory, createWebHistory
+import { createRouter, createWebHistory } from 'vue-router'; // createWebHashHistory, createWebHistory
 import type { Router, RouteRecordRaw, RouteComponent } from 'vue-router';
 import { Help as IconHelp } from '@element-plus/icons-vue';
 
@@ -393,11 +393,13 @@ export const asyncRoutes:RouteRecordRaw[] = [
   { path: '/:pathMatch(.*)*', redirect: '/404', meta: { hidden: true }}
 ];
 
+console.log('BASE_URL=', import.meta.env);
+
 const createTheRouter = ():Router => createRouter({
-  history: createWebHashHistory(import.meta.env.BASE_URL),
+  // history: createWebHashHistory(import.meta.env.BASE_URL),
   // 注意，如果要配置 HTML5 模式，则需要修改nginx配置，参考资料：
   // https://router.vuejs.org/zh/guide/essentials/history-mode.html
-  // history: createWebHistory(import.meta.env.BASE_URL),
+  history: createWebHistory(import.meta.env.BASE_URL),
   scrollBehavior: () => ({ top: 0 }),
   routes: constantRoutes
 });

vite.config.js

@@ -20,7 +20,7 @@ export default defineConfig(({ command, mode }) => {
   const prodMock = true;
 
   return {
-    base: './', // 注意，必须以"/"结尾
+    base: '/', // 注意，必须以"/"结尾，BASE_URL配置
     define: {
       'process.env': env
     },