vite打包的前端项目本地访问"白屏"，css,js等资源404

控制台报错，css，js等资源404

解决办法

vite.config.js配置base: './'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import * as path from "node:path";

// https://vitejs.dev/config/
export default defineConfig({
base: './', //这个地方配置后部署就不会404了，不然nginx需要对目录进行配置
plugins: [vue()],
resolve: {
alias: {
'@': path.resolve(__dirname, 'src'),
}
},
// 打包配置
esbuild: {
drop: ['console', 'debugger'], //去除console
},
})