解決方案:
給該項(xiàng)目安裝@vitejs/plugin-legacy
npm install @vitejs/plugin-legacy --save
1 、配置 Vite 打包路徑為相對(duì)路徑
配置 Vite 打包路徑為相對(duì)路徑
修改 vite.config.ts,添加 base 配置為相對(duì)路徑(.):
// vite.config.ts
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
export default defineConfig({
plugins: [vue(), legacy({
targets: ["ie>=11"],
additionalLegacyPolyfills: ["regenerator-runtime/runtime"],
})],
base: './',
resolve: {
alias: {
'@': path.resolve(__dirname, './src'), // 關(guān)鍵配置
}
}
})
2、檢查路由模式,在router/index.ts文件中,把createWebHistory改成createWebHashHistory
// router/index.ts
const router = createRouter({
history: createWebHashHistory(), // 改為 hash 模式
routes: [...],
});
今天周四,祝大家早點(diǎn)下班。