技术栈

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的基本使用
相关推荐
web守墓人
1 小时前
【linux】Mubuntu v1.0.11更新日志
linux·前端
遇见你...
4 小时前
TypeScript
前端·javascript·typescript
Highcharts.js
4 小时前
Highcharts Grid 中文站正式上线:表格数据处理的全新选择
前端·javascript·数据库·表格数据·highcharts·可视化图表·企业级图表
阿正的梦工坊
7 小时前
JavaScript 微任务与宏任务完全指南
开发语言·javascript·ecmascript
懂懂tty
8 小时前
CRA 迁移 Rspack(实战)
前端·架构
小码哥_常
9 小时前
Kotlin 助力 Android 启动“大提速”
前端
GreenTea
9 小时前
AI 时代,工程师的不可替代性在哪里
前端·人工智能·后端
Jagger_
9 小时前
能不能别再弄低代码害人了
前端
朦胧之
9 小时前
AI 编程开发思维
前端·后端·ai编程
踩着两条虫
10 小时前
VTJ:快速开始
前端·低代码·架构
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02GitHub 镜像站点032026 年 AI 编程助手全面对比评测:Cursor vs Copilot vs Claude Code vs GitHub Copilot Free04Claude Code Windows 兼容性问题:指定版本 2.1.112 可解决05AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析06UBUNTU Claude Code 报错 claude native binary not installed07从限购到畅通:GLM-5.1 Coding Plan接入攻略08从零部署 Hermes Agent:一只"会成长的 AI 马"保姆级安装教程09GPT-6发布日深度解析-Symphony架构200万Token实战10零成本!Ollama本地部署国产大模型全指南(支持Kimi-K2.5/GLM-5/Qwen,新手秒上手)