vue 3 vite npm run build 空白页

Vue 3 使用命令 npm run build
浏览时空白页。

修改以下两个地方：

1. 路由配置

使用 history: createWebHashHistory()

import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const router = createRouter({
    //   history: createWebHistory(import.meta.env.BASE_URL),
    history: createWebHashHistory(),
})

export default router

2. vite 配置

增加 base: ‘./’

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [vue()],
    base: './'
})