vue3+vite的项目将打包后的绝对路径改为相对路径

问题

打包后的网页白屏,通过控制台报错可以看出路径是绝对路径,导致无法加载资源

解决方案

在vue3+vite的项目中，配置文件名为 vite.config.js，如果没有就在根目录下新建一个，文件名固定为：vite.config.js，然后在里面加上base属性，设置值为 "./"，如下:

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

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