vue3+vite的项目如何将打包后的绝对路径改为相对路径，解决Nginx反向代理多个前端web网站，找不到静态资源js、css等，通过加不同的文件夹来路由到不同的前端

2022年10月10日未分类admin

问题：vue3+vite的项目如何将打包后的绝对路径改为相对路径？
描述：今天在打包Vue3+vite+typescript项目时，需要将打包后文件的路径由绝对路径改为相对路径；
解决：其实挺简单的，在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: './'
});如果

inde.html引入的这2处需要修改为相对路径，否则还是找不到。