一、项目打包出现空白页

vite.config.js中，添加base: './'

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


export default defineConfig({
  base: './',
})

router/index.js，将路由模式改成hash模式

import { createRouter, createWebHashHistory } from "vue-router";

const AppRouter = createRouter({
    history: createWebHashHistory(),
    routes: AppRoutes
})
export default AppRouter;

现在文件路径正确，但是无法启动项目：

 二、这时我们需要搭一个环境，运行项目：

cnpm i serve --g

serve -s dist