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/', // 设置为你的二级目录路径
})
相关推荐
C_心欲无痕17 小时前
网络相关 - 跨域解决方式
前端·网络
天蓝色的鱼鱼17 小时前
Vue开发必考:defineComponent与defineAsyncComponent,你真的掌握吗?
前端·vue.js
用户812748281512017 小时前
aosp14分屏分割线区域部分深入剖析-framework实战干货
前端
三小河17 小时前
内网环境下 Web 离线地图的实现方案与合规性探讨
前端
2501_9418072617 小时前
在迪拜智能机场场景中构建行李实时调度与高并发航班数据分析平台的工程设计实践经验分享
java·前端·数据库
崇山峻岭之间17 小时前
Matlab学习记录24
javascript·学习·matlab
一 乐17 小时前
餐厅点餐|基于springboot + vue餐厅点餐系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端
踢球的打工仔17 小时前
typescript-var和let作用域
前端·javascript·typescript
daols8818 小时前
vue 表格 vxe-table 如何实现透视表拖拽对数据进行分组汇总,金额合计、平均值等
vue.js·vxe-table
手握风云-18 小时前
JavaEE 进阶第八期:Spring MVC - Web开发的“交通枢纽”(二)
前端·spring·java-ee