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/', // 设置为你的二级目录路径
})
相关推荐
xiaoxue..几秒前
合并两个升序链表 与 合并k个升序链表
java·javascript·数据结构·链表·面试
清山博客20 分钟前
OpenCV 人脸识别和比对工具
前端·webpack·node.js
要加油哦~23 分钟前
AI | 实践教程 - ScreenCoder | 多agents前端代码生成
前端·javascript·人工智能
程序员Sunday25 分钟前
说点不一样的。GPT-5.3 与 Claude Opus 4.6 同时炸场,前端变天了?
前端·gpt·状态模式
yq19820430115631 分钟前
静思书屋:基于Java Web技术栈构建高性能图书信息平台实践
java·开发语言·前端
一个public的class32 分钟前
你在浏览器输入一个网址,到底发生了什么?
java·开发语言·javascript
aPurpleBerry35 分钟前
monorepo (Monolithic Repository) pnpm rush
前端
青茶36041 分钟前
php怎么实现订单接口状态轮询请求
前端·javascript·php
火车叼位1 小时前
脚本伪装:让 Python 与 Node.js 像原生 Shell 命令一样运行
运维·javascript·python
VT.馒头1 小时前
【力扣】2727. 判断对象是否为空
javascript·数据结构·算法·leetcode·职场和发展