技术栈

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

凉风听雪2024-08-04 19:58

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

删除原来的dist

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

重新新打包:npm run build

javascript 复制代码
// vue.config.js
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
上一篇:【VScode编辑器】VScode基本使用全面讲解
下一篇:Vue3中的vue-router的基本使用
相关推荐
剪刀石头布啊
5 小时前
vue-react为何要虚拟dom
前端
剪刀石头布啊
5 小时前
ahooks常用的一些库,我们使用一下
前端
剪刀石头布啊
5 小时前
从git更新本地提交记录到更新已经推送到远端记录
前端
云浪
6 小时前
Go 并发实战:从零实现一个高并发安全的任务调度器
javascript·后端·go
Flynt
7 小时前
axios 被投毒半年后,我把 npm 的"安全防线"实测了一遍:最信任的 SHA512 是安慰剂
前端·npm·node.js
excel
8 小时前
Base62 和 Base64 有什么区别?
前端
风骏时光牛马
9 小时前
大模型底层架构与AI源码深度剖析
前端
掘金挖土
10 小时前
前端手摸手跑路之 AI 应用开发(九)
前端·后端
中文呀
12 小时前
三维 GIS 离线缓存实战:逆向 CesiumOfflineCache,并亲手为它补上"自动更新"能力
前端
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)02如何新建文件夹? 电脑新建文件夹的4种方法03「全语录+省流版」邵艾伦 × 孙宇晨:聊风口、聊个人IP、聊年轻人如何抓住 AI 时代的机会04GitHub 镜像站点05历年考研数学一、数学二、数学三真题试卷及答案PDF06几个好用的ip纯净度检测网站07苹果iPA游戏软件资源下载网站08Windows 10/11 如何退出微软账户并改用本地账户登录(含找不到选项的解决方法)09蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接10Telegram APK 下载安装完整指南 — 2026年最新