一、安装 plugin-legacy
pnpm i @vitejs/plugin-legacy -D
二、配置插件
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import legacy from '@vitejs/plugin-legacy';
export default defineConfig({
base:"./",
plugins:[
vue(),
legacy({
targets:["defaults","not IE 11"],
})
]
});
三、调整路由
路由必须是 createWebHashHistory 模式
import { createRouter, createWebHashHistory } from 'vue-router';
import routes from './routes';
const router: Router = createRouter({
history: createWebHashHistory(),
routes: routes,
});
四、打包预览
重新打包,直接打开index.html 即可访问