技术栈

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

嚣张农民2023-10-20 3:10

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

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

解决方案如下

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

  • webpack.prod.conf.js 中增加publicPath:'./' ;
  • util.js 中增加publicPath:'./';(可选用或不用)
  • config/index.js 修改assetsPublicPath:'./';
上一篇:UWB安全数据通讯STS-加密、身份认证
下一篇:代码随想录刷题-数组双指针
相关推荐
Komorebi゛
8 分钟前
【CSS】斜角流光样式
前端·css
Irene1991
14 分钟前
CSS 废弃属性分类总结
前端·css
青莲843
24 分钟前
Android 事件分发机制 - 事件流向详解
android·前端·面试
musashi
24 分钟前
用 Electron 写了一个 macOS 版本的 wallpaper(附源码、下载地址)
前端·vue.js·electron
满天星辰
26 分钟前
Typescript之类型总结大全
前端·typescript
JFChen
26 分钟前
Web 仔用 Node 像 Java 一样写后端服务
前端
XiaoSong
30 分钟前
React useState 原理和异步更新
前端·react.js
徐徐子
30 分钟前
从vue3 watch开始理解Vue的响应式原理
前端·vue.js
眯眼因为很困啦
33 分钟前
GitHub Fork 协作完整流程
前端·git·前端工程化
whisper
36 分钟前
🚀 React Router 7 + Vercel 部署全指南
前端
热门推荐
01GitHub 镜像站点02安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)03Labelme从安装到标注:零基础完整指南04Linux下V2Ray安装配置指南05【踩坑笔记】50系显卡适配的 PyTorch 安装06jdk21下载、安装(Windows、Linux、macOS)07手把手教你通过Gemini3 pro 学生认证,白用一年,手慢无!08GitLab 零基础入门指南:从安装到项目管理全流程09UV安装并设置国内源10Opencode CLI 安装成功,但是启动失败