webpack打包后上传服务器页面空白

某天同事小白使用了webpack开发vue项目,在项目开发完成后,使用命令:npm run build对项目进行打包后发布服务器页面显示空白

排查后发现:webpack打包的时候引入js时使用的是绝对路径导致的

解决方案如下

修改webpack打包文件中的配置:

  • webpack.prod.conf.js 中增加publicPath:'./'
  • util.js 中增加publicPath:'./';(可选用或不用)
  • config/index.js 修改assetsPublicPath:'./';
相关推荐
pas13615 小时前
40-mini-vue 实现三种联合类型
前端·javascript·vue.js
摇滚侠15 小时前
2 小时快速入门 ES6 基础视频教程
前端·ecmascript·es6
珑墨16 小时前
【Turbo】使用介绍
前端
军军君0117 小时前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
打小就很皮...18 小时前
Tesseract.js OCR 中文识别
前端·react.js·ocr
wuhen_n18 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon18 小时前
理解vue中的ref
前端·javascript·vue.js
落霞的思绪20 小时前
配置React和React-dom为CDN引入
前端·react.js·前端框架
Hacker_Z&Q20 小时前
CSS 笔记2 (属性)
前端·css·笔记
Anastasiozzzz20 小时前
LeetCode Hot100 295. 数据流的中位数 MedianFinder
java·服务器·前端