某天同事小白使用了webpack开发vue项目Q，在项目开发完成后，使用命令: npm run buid对项目进行打包后发布服务器页面显示空白
排查后发现: webpack打包Q的时候引入js时使用的是绝对路径导致的
解决方案如下
修改webpack打包文件中的配置
- webpack.prod.confjs中增加publicPath:./’;
- utiljs中增加publicPath:./’;(可选用或不用)
- config/index.js修改assetsPublicPath:/’；
新员工webpack打包后上传服务器页面空白
2023-08-28
119
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
新员工webpack打包后上传服务器页面空白
目录
相关文章
|
7月前
|
开发框架
JavaScript
前端开发
揭秘：如何让你的asp.net页面变身交互魔术师——先施展JavaScript咒语，再引发服务器端魔法！
【8月更文挑战第16天】在ASP.NET开发中，处理客户端与服务器交互时，常需先执行客户端验证再提交数据。传统上使用ASP.NET Button控件直接触发服务器事件，但难以插入客户端逻辑。本文对比此法与改进方案：利用HTML按钮及JavaScript手动控制表单提交。后者通过`onclick`事件调用JavaScript函数`SubmitForm()`来检查输入并决定是否提交，增强了灵活性和用户体验，同时确保了服务器端逻辑的执行。
85
5
5
|
6月前
|
UED
|
6月前
|
JavaScript
|
5月前
|
缓存
前端开发
JavaScript
|
6月前
|
JavaScript
测试技术
Windows
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
本文介绍了如何使用vue-cli和webpack为Vue项目配置不同的生产和测试环境，包括修改`package.json`脚本、使用`cross-env`处理环境变量、创建不同环境的`.env`文件，并在`webpack.prod.conf.js`中使用`DefinePlugin`来应用这些环境变量。
504
2
2
|
5月前
|
前端开发
JavaScript
|
5月前
|
缓存
前端开发
JavaScript
|
5月前
|
UED
|
5月前
|
Java
Shell
Maven
Flink-11 Flink Java 3分钟上手 打包Flink 提交任务至服务器执行 JobSubmit Maven打包Ja配置 maven-shade-plugin
Flink-11 Flink Java 3分钟上手 打包Flink 提交任务至服务器执行 JobSubmit Maven打包Ja配置 maven-shade-plugin
244
4
4
|
6月前
|
缓存
热门文章
最新文章
1
一键部署OpenWebUI+Ollama到阿里云ECS，轻松运行DeepSeek！（保姆级教程）
2
使用域名访问部署在ECS上的网站
3
在阿里云ECS云服务器上安装、配置及高效使用Docker与Docker Compose
4
阿里云出手了，DeepSeek服务器拒绝繁忙，免费部署DeepSeek模型671B满血版
5
基于云服务器的数仓搭建-hive/spark安装
6
2025最新幻兽帕鲁palworld服务器搭建教程：新手0基础，超简单~
7
阿里云服务器租用价格参考：云服务器各收费项目收费标准与活动价格
8
使用阿里云服务器搭建自己的DeepSeek个人站点，3分钟尝鲜教程！
9
阿里云服务器付费类型、地域、镜像、存储、带宽和安全组设置与选择注意事项参考
10
新手上云教程参考：阿里云服务器租用、域名注册、备案及域名解析流程图文教程
1
Webpack打包优化实践
116
2
前端工程化：Webpack配置全攻略
85
3
前端工程化：Webpack配置全攻略
95
4
webpack【实用教程】
73
5
webpack 和 babel 实用教程【前端必备】
83
6
AxiosError: Network Error at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axio
912
7
Vue 开发中的一些问题简单记录，Cannot find module ‘webpack/lib/RuleSet‘
634
8
文本,Pinia的使用，(0 , _stores_token_js__WEBPACK_IMPORTED_MODULE_1__.useTokenStore),接口中必须用引入store.js文件
118
9
Vue学习：webpack-dev-server和nginx问答
95
10
vue 配置【详解】 vue.config.js （ 含 webpack 配置 ）
130