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/', // 设置为你的二级目录路径
})
相关推荐
Qhappy11 小时前
某里v2反混淆 codec 化路上踩到的两个隐蔽坑:被清零的 salt 与 opaque loop bound
javascript·算法
sTone8737511 小时前
Electron 进程架构模型
前端·electron
ZC跨境爬虫11 小时前
跟着 MDN 学CSS day_25:(高级区块效果)
前端·css·html·tensorflow·媒体
Bug-制造者11 小时前
前端流式输出完全指南:原理、实现与工程化实践
前端
暴躁小师兄数据学院12 小时前
【AI大模型应用开发工程师特训笔记】第04讲(第7章):函数与模块
前端·人工智能·python
跟着珅聪学java12 小时前
ECharts subtext(副标题)边距开发教程
前端·javascript·echarts
哈撒Ki12 小时前
快速入门 Electron
前端·面试·electron
如果超人不会飞12 小时前
后端别再手绘了!TinyVue 流程图组件 Flowchart 跨端定制指南
vue.js
还有多久拿退休金12 小时前
LLM应用开发一:给失忆的大模型装上"脑子"——LangChain.js对话记忆从零实战
前端·llm
姓蔡小朋友12 小时前
TypeScript数据类型
javascript·ubuntu·typescript