技术栈

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的基本使用
相关推荐
前端小白۞
16 分钟前
vue2 md文件预览和下载
前端·javascript·vue.js
十里-
23 分钟前
为什么创建1x1的gif图片,和png 或者jpg图片有什么区别
前端
u***u685
31 分钟前
Vue云原生
前端·vue.js·云原生
OpenTiny社区
1 小时前
TinyEngine 低代码实时协作揭秘:原理 +实操,看完直接用!
前端·vue.js·低代码
喵个咪
1 小时前
go-kratos-admin 技术栈深度解析:为什么选 Golang+Vue3 这套组合?
vue.js·go
5***7900
1 小时前
Vue项目性能优化
前端·javascript·vue.js
丫丫723734
2 小时前
Three.js 模型树结构与节点查询学习笔记
javascript·webgl
车传新
2 小时前
Javascript
javascript
天若有情673
2 小时前
【c++】手撸C++ Promise:从零实现通用异步回调组件,支持链式调用+异常安全
开发语言·前端·javascript·c++·promise
热门推荐
01GitHub 镜像站点02【保姆级教程】免费使用Gemini3的5种方法!免翻墙/国内直连03BongoCat - 跨平台键盘猫动画工具04UV安装并设置国内源05安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)06Linux下V2Ray安装配置指南07Google Antigravity:无法登录?早期错误、登录修复和用户反馈指南08Labelme从安装到标注:零基础完整指南09全球最强模型Grok4,国内已可免费使用!(附教程)10在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)