技术栈

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的基本使用
相关推荐
一晌贪欢i
13 小时前
WebContainer 重点介绍
前端·webcontainer
山河木马
13 小时前
Emscripten 从 C/C++ 调用 JavaScript
前端·javascript·c++
鹏程十八少
13 小时前
12. Android 协程通关秘籍:31 道资深工程师面试题精讲
前端·后端·面试
Dlrb1211
13 小时前
C语言-字符串指针与函数指针
java·c语言·前端
PBitW
13 小时前
组件封装注意事项
前端·vue.js
weiggle
13 小时前
Android 输入事件分发流程:从物理触控到 Activity 的完整旅程
前端
yingyima
13 小时前
开发者必备在线工具集合 2025:实战案例解析
前端
前端毕业班
13 小时前
面试官:实现一个带类型约束的 EventEmitter
前端·面试
卷帘依旧
14 小时前
SPA 中的 Hash 和 History 模式
前端
用户444554365426
14 小时前
AndroidAutoSize使用时遇到的特麻烦bug
前端
热门推荐
01GitHub 镜像站点02Codex 接入 DeepSeek API 完整配置文档03CC-Switch & Claude 基于 Linux 服务器安装使用指南04【AI】2026 年具身智能模型和世界模型总结05零基础教你claude code 接入 deepseek V406Cursor 接入 DeepSeek‑V4‑Pro 完整指南(2026 实测)07codex app每次打开重连5次Reconnecting问题解决08Windows端Codex接入第三方模型(DeekSeek,BaiLian)09裂开!ChatGPT 居然开始要手机号验证,附详细解决方法10AI科技热点日报 | 2026年5月11日