技术栈

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的基本使用
相关推荐
风骏时光牛马
2 小时前
数据可视化管理平台
前端
哎哟喂呢哈
2 小时前
VedioJS 10
javascript·html5
仿生狮子
7 小时前
OpenAI 攻下千禧年难题之后,开发者似乎无动于衷
前端·数学·vibecoding
夏幻灵
10 小时前
JavaScript this 面试:五种绑定规则、优先级与常见面试陷阱
开发语言·javascript·面试
Lvan的前端笔记
10 小时前
docker:每个前端项目一个 Nginx 容器还是只有一个Nginx容器
前端·nginx·docker
三天不学习
10 小时前
Egg.js 4 突然爆火,原因是否归结于AI 原生落地需求爆发?
前端·javascript·全栈·egg.js
xcs19405
11 小时前
前端 vue 的前端页面debugger 进不去
前端·javascript·vue.js
明月_清风
12 小时前
Deno 终局来了:从挑战 Node 到被 Cloudflare 收编
前端·后端·node.js
Csvn
13 小时前
框架性能优化
前端
热门推荐
01如何新建文件夹? 电脑新建文件夹的4种方法02国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)03历年考研数学一、数学二、数学三真题试卷及答案PDF04GitHub 镜像站点05蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接06轻量化AI渗透武器库|ARTEX自主攻防系统、资产梳理、漏洞挖掘、链路分析全流程智能化落地07Windows 10/11 如何退出微软账户并改用本地账户登录(含找不到选项的解决方法)08Telegram APK 下载安装完整指南 — 2026年最新09微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新10「全语录+省流版」邵艾伦 × 孙宇晨:聊风口、聊个人IP、聊年轻人如何抓住 AI 时代的机会