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/', // 设置为你的二级目录路径
})
相关推荐
java1234_小锋3 分钟前
【技术专题】HTML5 网页技术 - HTML5 列表标签
前端·html·html5
强二小哥帅4 分钟前
Kotlin 协程复习笔记
前端
不可能片场7 分钟前
工程实践 原子替换改了 ctime 怎么修
前端·electron
暧暧内含光8 分钟前
HTTP 文件传输体系全解:从协议标头、OSS 架构到流媒体分片
前端
静默回滚9 分钟前
浏览器能显示AVIF,却导不出一张AVIF
前端
小皮虾14 分钟前
小程序全局状态还能这么简单?只需初始化一次,页面自动同步
前端·javascript·微信小程序
用户8186180280018 分钟前
RESTful API 设计规范与版本演进
前端
补码缩写19 分钟前
前端AVIF编码开多线程快两三倍,speed调到8就不快了
前端
cidy_9822 分钟前
企业级 AI Agent 工作台前端实战教程
前端
deli00722 分钟前
换个 DNS 网速真的变快吗?解析 6 步逐跳实测,快慢差 45 倍
前端