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/', // 设置为你的二级目录路径
})
相关推荐
隔窗听雨眠1 小时前
esbuild构建工具简介:重新定义前端构建速度的极速打包器
前端
蔓越莓1 小时前
Webpack 常用 Loader +手写Loader
前端·面试
潍坊老登2 小时前
写了一个某音自动刷视频,通过大模型分析视频主题的Android应用
前端
蔓越莓2 小时前
性能优化:webpack打包层面优化
前端·面试
TJHHH.2 小时前
XSS-labs-master
前端·web安全·xss
风月说与山鬼3 小时前
十二、Vue插件
前端·vue.js
xixiaoyunya3 小时前
JavaScript 异步编程全解析:从回调地狱到 async/await 的演进之路
开发语言·javascript·ecmascript
spter。3 小时前
一次 Redis SETNX 的小插曲,我重新理解了原子性
前端·redis·bootstrap
张元清3 小时前
React useScrollLock Hook:为弹窗锁住页面滚动 (2026)
javascript·react.js