vue3.x项目,配置项目打包到二级目录

vue3.x项目,配置项目打包到二级目录

一、打开 vite.config.js 文件,添加或修改base字段, 将其值设置为二级目录的路径。例如想将应用部署到服务器上的/my-app目录下,如下设置:

javascript 复制代码
export default defineConfig({
  base: '/my-app/',
  // 其他配置...
})

二、这一步可配置也可不配置

如果使用了Vue Router,路由配置中的base选项也应设置为二级目录路径:

javascript 复制代码
const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes,
  base: '/my-app/', // 设置为你的二级目录路径
})
相关推荐
JINGWHALE113 分钟前
设计模式 行为型 中介者模式(Mediator Pattern)与 常见技术框架应用 解析
前端·人工智能·后端·设计模式·性能优化·系统架构·中介者模式
小纯洁w22 分钟前
Cytoscape.js 使用edgehandles 插件,动态创建节点之间的连线
javascript·cytoscape.js
苹果电脑的鑫鑫24 分钟前
uni-app如何引入echarts
前端·uni-app
会发光的猪。25 分钟前
uniapp路由跳转+二级页面详情跳转保留当前页方法教程
前端·javascript·vue.js·uni-app
java亮小白19971 小时前
使用vue-pdf预览pdf和解决pdf电子签章显示问题
前端·pdf
苦夏木禾1 小时前
vue的KeepAlive应用(针对全部页面及单一页面进行缓存)
前端·vue.js·缓存
我是小z呀1 小时前
爬取b站评论
开发语言·javascript·ecmascript
菊次郎の夏1 小时前
飞书二维码登录注意点
开发语言·javascript·飞书
阿芯爱编程1 小时前
数据结构讲解
前端·后端·面试
vortex52 小时前
Web枚举:深入了解目标应用系统
前端·安全·网络安全