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

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

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

解决方案如下

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

  • webpack.prod.conf.js 中增加publicPath:'./'
  • util.js 中增加publicPath:'./';(可选用或不用)
  • config/index.js 修改assetsPublicPath:'./';
相关推荐
weixin_427771612 分钟前
npm 绕过2FA验证
前端·npm·node.js
零基础的修炼8 分钟前
算法---常见位运算总结
java·开发语言·前端
晚霞的不甘21 分钟前
Flutter for OpenHarmony:迈向专业:购物APP的架构演进与未来蓝图
其他·flutter·架构·fiddler·前端框架·harmonyos
wuhen_n27 分钟前
@types 包的工作原理与最佳实践
前端·javascript·typescript
我是伪码农27 分钟前
Vue 1.27
前端·javascript·vue.js
秋名山大前端27 分钟前
前端大规模 3D 轨迹数据可视化系统的性能优化实践
前端·3d·性能优化
H79987424233 分钟前
2026动态捕捉推荐:8款专业产品全方位测评
大数据·前端·人工智能
ct97834 分钟前
Cesium 矩阵系统详解
前端·线性代数·矩阵·gis·webgl
小陈phd39 分钟前
langGraph从入门到精通(十一)——基于langgraph构建复杂工具应用的ReAct自治代理
前端·人工智能·react.js·自然语言处理
我要敲一万行39 分钟前
前端面试erp项目常问问题
前端·面试