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

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

删除原来的dist

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

重新新打包:npm run build

javascript 复制代码
// vue.config.js
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
相关推荐
m0_5287490011 小时前
linux编程----目录流
java·前端·数据库
集成显卡11 小时前
前端视频播放方案选型:主流 Web 播放器对比 + Vue3 实战
前端·vue·音视频
前端 贾公子11 小时前
Vue3 业务组件库按需加载的实现原理(中)
前端·javascript·vue.js
温轻舟11 小时前
前端可视化大屏【附源码】
前端·javascript·css·html·可视化·可视化大屏·温轻舟
北极象11 小时前
Flying-Saucer HTML到PDF渲染引擎核心流程分析
前端·pdf·html
weixin1997010801611 小时前
Tume商品详情页前端性能优化实战
大数据·前端·java-rabbitmq
梦里寻码11 小时前
深入解析 SmartChat 的 RAG 架构设计 — 如何用 pgvector + 本地嵌入打造企业级智能客服
前端·agent
edisao11 小时前
第一章:L-704 的 0.00% 偏差
前端·数据库·人工智能
CappuccinoRose11 小时前
HTML语法学习文档(一)
前端·学习·html
Cache技术分享11 小时前
322. Java Stream API - 使用 Finisher 对 Collector 结果进行后处理
前端·后端