VUE2项目打包dist后dist包中index打开空白页

报错:控制台报错是未找到对应资源路径
原因:因为在项目中部分路径使用了./ 和 @/ 等绝对路径
解决方法:

删除原来的dist

vue.config.js 中设置 publicPath 选项,使其适应不同环境。

重新新打包:npm run build

javascript 复制代码
// vue.config.js
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
相关推荐
你别说话了7 小时前
Webpack 如何迁移重构到 Vite
前端·webpack·重构
catastrophe_zy7 小时前
如何用 WebCodecs 在浏览器里实现高清录屏 —— 无插件、无水印、直接导出 MP4
前端·javascript·录屏
芳心粽伙饭7 小时前
HTML第七章 表格标签
前端·html
我就是DaLing呀!7 小时前
vue3 + 独立的数据管理 Store实现视频剪辑功能
前端·typescript·vue3·canvas·store
吃杠碰小鸡7 小时前
Wps常用功能介绍
前端·wps
恋猫de小郭7 小时前
聊个比较有意思的 Flutter Web 问题
android·前端·flutter
IT_陈寒7 小时前
Redis持久化配置漏了这一步,线上数据丢了5小时
前端·人工智能·后端
梦曦i7 小时前
create-uni-app v1.2.0:交互体验优化
前端·uni-app
Moment7 小时前
太好了!NestJS 12 大版本转向 ESM,新项目默认构建换 Rspack
前端·javascript·后端
Csvn7 小时前
泛型与条件类型:TypeScript 类型体操的核心
前端