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

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

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

解决方案如下

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

  • webpack.prod.conf.js 中增加publicPath:'./'
  • util.js 中增加publicPath:'./';(可选用或不用)
  • config/index.js 修改assetsPublicPath:'./';
相关推荐
长空任鸟飞_阿康3 分钟前
MasterGo AI 实战教程:10分钟生成网页设计图(附案例演示)
前端·人工智能·ui·ai
GDAL12 分钟前
从零开始上手 Tailwind CSS 教程
前端·css·tailwind
于慨18 分钟前
dayjs处理时区问题、前端时区问题
开发语言·前端·javascript
哀木34 分钟前
理清 https 的加密逻辑
前端
借个火er41 分钟前
无界微前端源码解析:路由同步
前端
Aliex_git42 分钟前
Vue 错误处理机制源码理解
前端·javascript·vue.js
普通码农1 小时前
PowerShell 神操作:输入「p」直接当「pnpm」用,敲命令速度翻倍!
前端·后端·程序员
Komorebi゛2 小时前
【Vue3+Element Plus】el-dialog弹窗点击遮罩层无法关闭弹窗问题记录
前端·vue.js·elementui
vim怎么退出2 小时前
一次线上样式问题复盘:当你钻进 CSS 牛角尖时,问题可能根本不在 CSS
前端·css
echo_e2 小时前
手搓前端虚拟列表
前端