一、vue.config.js添加下面配置
如果打包报错就安装依赖
pnpm i @vitejs/plugin-vue -D
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,
});
如果代码报错, 根据错误自行安装所需依赖即可
三、以上配置ok, 在打开index.html文件即可本地预览