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/', // 设置为你的二级目录路径
})
相关推荐
GoodStudyAndDayDayUp26 分钟前
gitlab+portainer 实现Ruoyi Vue前端CI/CD
前端·vue.js·gitlab
程序员阿明31 分钟前
vite运行只能访问localhost解决办法
前端·vue
前端 贾公子34 分钟前
uniapp -- 验证码倒计时按钮组件
前端·vue.js·uni-app
zhengddzz36 分钟前
从卡顿到丝滑:JavaScript性能优化实战秘籍
开发语言·javascript·性能优化
淡笑沐白40 分钟前
AJAX技术全解析:从基础到最佳实践
前端·ajax
Go_going_42 分钟前
ajax,Promise 和 fetch
javascript·ajax·okhttp
龙正哲1 小时前
如何在Firefox火狐浏览器里-安装梦精灵AI提示词管理工具
前端·firefox
徐徐同学1 小时前
轻量级Web画板Paint Board如何本地部署与随时随地在线绘画分享
前端
LuckyLay1 小时前
Vue百日学习计划Day4-8——Gemini版
前端·vue.js·学习
八戒社1 小时前
WooCommerce短代码Shortcodes使用方法
前端·wordpress·woocommerce