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

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

删除原来的dist

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

重新新打包:npm run build

javascript 复制代码
// vue.config.js
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
相关推荐
清空mega9 分钟前
《Vue3 项目结构详解:components、views、assets、router、stores 到底该怎么理解?》
前端·javascript·vue.js
雨雨雨雨雨别下啦1 小时前
Vue——小白也能学!Day6
前端·javascript·vue.js
XPoet1 小时前
AI 编程工程化:Hook——AI 每次操作前后的自动检查站
前端·后端·ai编程
難釋懷1 小时前
RedisTemplate配置读写分离
前端·bootstrap·html
冰暮流星2 小时前
javascript如何实现删除数组里面的重复元素
开发语言·前端·javascript
网络点点滴3 小时前
透传属性$attrs
前端·javascript·vue.js
90后的晨仔3 小时前
OpenClaw macOS 完整安装指南
前端
Moment3 小时前
尤雨溪宣布 Vite+ 正式开源,前端工具链要大一统了
前端·javascript·面试
喵叔哟3 小时前
5. 【Blazor全栈开发实战指南】--Blazor组件基础
开发语言·javascript·ecmascript
sunny_4 小时前
📖 2026年 大厂前端面试手写题库已开源(2.3k star)
前端·面试·github