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

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

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

解决方案如下

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

  • webpack.prod.conf.js 中增加publicPath:'./'
  • util.js 中增加publicPath:'./';(可选用或不用)
  • config/index.js 修改assetsPublicPath:'./';
相关推荐
方安乐13 小时前
react笔记之useMemo
前端·笔记·react.js
清风细雨_林木木13 小时前
react 中 form表单提示
前端·react.js·前端框架
小二·13 小时前
Python Web 开发进阶实战:边缘智能网关 —— 在 Flask + MicroPython 中构建轻量级 IoT 边缘推理平台
前端·python·flask
TOPGUS13 小时前
解析200万次对话数据:ChatGPT引用内容的核心特征与优化策略
前端·人工智能·搜索引擎·chatgpt·seo·数字营销
羊仔AI探索13 小时前
前端已死,未来已来,谷歌Gemini 3 Pro杀回来了!
前端·人工智能·ai·aigc
快起来搬砖了13 小时前
UniApp/Vue2 通用工具函数库(完整版):覆盖校验、格式、业务全场景
前端·uni-app
GGGG寄了14 小时前
HTML——图像标签及多媒体标签
前端·html
小小码农Come on14 小时前
QPushButton QSS(一):按钮常用qss
前端·javascript·css·qt5
Booksort14 小时前
React+js环境配置(极速版)
前端·javascript·react.js
YAY_tyy14 小时前
Cesium 基础:地球场景初始化与视角控制
前端·cesium