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

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

删除原来的dist

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

重新新打包:npm run build

javascript 复制代码
// vue.config.js
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
相关推荐
尤水就下19 小时前
聊聊 Prompt 是怎么一路进化到 Harness 的
前端·人工智能·ai编程
李溪白19 小时前
深入 JavaScript 作用域:从变量提升到执行上下文的底层逻辑
前端
想风20 小时前
Claude Code 实用技巧工作坊 —— Boris Cherny
前端·后端·github
梦想blog20 小时前
Claude Code + Chrome MCP:让浏览器自动化测试更简单
前端·chrome·自动化·mcp
YHHLAI20 小时前
React `useState` 深入浅出
前端·javascript·react.js
夜猫子小强20 小时前
手搓一个「本地邮件摘要」工具:零依赖、数据不出电脑
前端
PBitW20 小时前
Element plus 自定义列顺序 —— 求指点
前端·element
绿岛之北20 小时前
Electron 安全第五章:网络请求安全
前端·electron
深漂的华哥20 小时前
Ruoyi-Vue-Plus(V5.6.2) 开发环境搭建
java·前端·spring boot·后端·spring·ruoyi
YIAN20 小时前
TS 面试必考题:type 与 interface 的 6 大核心区别,90% 的人答不全
前端·typescript