一、项目打包出现空白页
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