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/', // 设置为你的二级目录路径
})
相关推荐
时雨__19 分钟前
利用AndVX6开发流程图——问题总结
前端
渣哥25 分钟前
当容器里有多个 Bean,@Qualifier 如何精准定位?
javascript·后端·面试
云枫晖41 分钟前
深入浅出npm:现代JavaScript项目基石
前端·javascript·node.js
不一样的少年_44 分钟前
你家孩子又偷玩网页游戏? 试试这个防沉迷工具
前端·javascript·浏览器
春秋半夏1 小时前
vue2二次封装el-select支持collapse-tags-tooltip
前端
昔人'1 小时前
css`scrollbar-gutter`防止滚动条可见性变化时发生布局偏移
前端·css
掘金安东尼1 小时前
前端周刊第436期(2025年10月13日–10月19日)
前端·javascript·github
小叫花子1 小时前
用 UniApp 开发微信小程序蓝牙通信功能
前端
勤奋菲菲1 小时前
深入理解HTML文本标签:构建网页内容的基础
前端·html