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/', // 设置为你的二级目录路径
})
相关推荐
京东云开发者2 分钟前
京东 Oxygen xLLM 大模型推理引擎正式捐赠开放原子开源基金会,共建国产 AI Infra 生态
前端
Csvn3 分钟前
LLM 一把梭:从 Swagger 文档到类型安全 API 请求,再也不手写接口
前端
DGT6 分钟前
深入理解 JavaScript 闭包
前端
sarasuki7 分钟前
JavaScript的对象、new的机制与原型包装类
javascript·后端
星栈7 分钟前
Dioxus 表单处理:从输入、校验到文件上传,一条链路讲透
前端·rust·前端框架
用户41659673693557 分钟前
WebView 请求异常排查操作手册
android·前端
weedsfly11 分钟前
JavaScript 事件流:彻底搞懂捕获、冒泡与事件委托
前端·javascript·react.js
RainmeoX12 分钟前
【实战】用纯前端打造绝区零风格 AI 角色助手 WebUI 并联调 vLLM
前端
杨利杰YJlio27 分钟前
OpenClaw / clawdbot 是什么?看懂 Agent 体系
前端·后端