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/', // 设置为你的二级目录路径
})
相关推荐
程序员 沐阳3 分钟前
从内容管控到硬件隔离:Chrome 安全防护体系深度拆解
前端·chrome·安全
IT_陈寒7 分钟前
JavaScript开发实战:从入门到精通
前端·人工智能·后端
Highcharts.js10 分钟前
Highcharts 前端导出详解:如何实现纯客户端导出(Offline Exporting)
前端·客户端·导出·highcharts·导出图片
CyrusCJA14 分钟前
Nodejs自定义脚手架
javascript·node.js·js
qq_3813385015 分钟前
React 18+ 并发特性深度解析:从原理到企业级性能优化实战
前端·react.js·性能优化
桔筐15 分钟前
Axios 从入门到实战封装全解析(附异步/拦截器/生命周期)
vue.js
一只小阿乐18 分钟前
react中的zustand 模块化
前端·javascript·react.js·react状态管理·zustand
用户842981424181020 分钟前
十二个JS混淆加密工具
javascript
劳埃德福杰24 分钟前
Windows系统卸载Edge浏览器
前端·windows·edge
hzxpaipai25 分钟前
外贸网站制作:为何派迪科技做的网站性能与打开速度如此不错?
开发语言·前端·网络·科技·安全