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/', // 设置为你的二级目录路径
})
相关推荐
一 乐1 天前
婚纱摄影网站|基于ssm + vue婚纱摄影网站系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot·后端
C_心欲无痕1 天前
ts - tsconfig.json配置讲解
linux·前端·ubuntu·typescript·json
清沫1 天前
Claude Skills:Agent 能力扩展的新范式
前端·ai编程
yinuo1 天前
前端跨页面通信终极指南:方案拆解、对比分析
前端
北辰alk1 天前
Vue 模板引擎深度解析:基于 HTML 的声明式渲染
vue.js
北辰alk1 天前
Vue 自定义指令完全指南:定义与应用场景详解
vue.js
yinuo1 天前
前端跨页面通讯终极指南⑨:IndexedDB 用法全解析
前端
北辰alk1 天前
Vue 动态路由完全指南:定义与参数获取详解
vue.js
北辰alk1 天前
Vue Router 完全指南:作用与组件详解
vue.js
北辰alk1 天前
Vue 中使用 this 的完整指南与注意事项
vue.js