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/', // 设置为你的二级目录路径
})
相关推荐
极光代码工作室14 小时前
基于SpringBoot的校园招聘信息管理系统的设计与实现
java·前端·spring
打小就很皮...14 小时前
React VideoPlay 组件封装与使用指南
前端·react.js·video
Ace_317508877614 小时前
微店平台关键字搜索接口深度解析:从 Token 动态生成到多维度数据挖掘
java·前端·javascript
Billow_lamb14 小时前
React 创建 Context
javascript·react.js·ecmascript
苏小画14 小时前
Vue 组件库从创建到发布全流程
前端·javascript·vue.js
月小满14 小时前
DataV轮播时其他组件的内容也一起滚动 修复bug的方法
前端·vue.js·bug·大屏端
小莫分享15 小时前
Github Action 一键部署HTML 静态服务
前端·html·github
p***434815 小时前
JavaScript数据分析实战
开发语言·javascript·ecmascript
星释15 小时前
Rust 练习册 66:密码方块与文本加密
java·前端·rust
IT_陈寒15 小时前
React性能翻倍!90%开发者忽略的5个Hooks最佳实践
前端·人工智能·后端