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

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

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

解决方案如下

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

  • webpack.prod.conf.js 中增加publicPath:'./'
  • util.js 中增加publicPath:'./';(可选用或不用)
  • config/index.js 修改assetsPublicPath:'./';
相关推荐
Sapphire~5 小时前
重学前端013 --- 响应式网页设计 CSS网格布局
前端·css
小菜花296 小时前
利用H5实现svg图片中各部分监听事件
前端·javascript·svg·object标签
二十雨辰7 小时前
歌词滚动效果
前端·css
法医7 小时前
和文心快码做朋友,让编程像“说话”一样简单
前端·文心快码
大模型教程7 小时前
本地AI知识库问答开源技术实现(三)--配置模型和知识库
程序员·llm·agent
前端小巷子7 小时前
JS 打造「放大镜 + 缩略图」一体组件
前端·javascript·面试
陈随易7 小时前
适合中国宝宝的AI编程神器,文心快码
前端·后端·node.js
知识分享小能手7 小时前
React学习教程,从入门到精通,React AJAX 语法知识点与案例详解(18)
前端·javascript·vue.js·学习·react.js·ajax·vue3
AI大模型7 小时前
复盘我的第一个 大模型Agent:从核心循环到模块化架构的演进之路
程序员·llm·agent
UrbanJazzerati7 小时前
掌握 DOM 的基础属性与方法:从操作元素到构建动态效果
前端·面试