vue3+vite的项目如何将打包后的绝对路径改为相对路径，解决Nginx反向代理多个前端web网站，找不到静态资源js、css等，通过加不同的文件夹来路由到不同的前端...
·
问题：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处需要修改为相对路径，否则还是找不到。
有任何需要沟通交流的联系
秋秋群:276483863
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
1
0- 0
已为社区贡献4条内容
所有评论(0)