前端源码泄露漏洞-productionSourceMap配置

本文讨论了前端项目中源码泄露的风险,如API和关键常量暴露。通过修改vue.config.js,将`productionSourceMap`设置为`false`可以防止生成源映射文件(js.map),从而减少包大小并加密源码,增强应用安全性。这一改动对于不需要源码调试且关注代码保护的项目尤其重要。
摘要由CSDN通过智能技术生成

场景:

打包后工作台Sources中可以看到js.map文件

将XXX.js.map 拼接到URL里(例如):http://172.22.101.68/assets/js/index.3056ba1e.js.map

就可以下载好这个文件。然后从中逆向出前端的源码,包括注释。

源码泄露造会成所有的API、页面被泄露。包括一些关键常量


解决方案:

将vue.config.js中的productionSourceMap改为false

 总结:设置后就不会生成map文件,map文件的作用在于:项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错。也就是说map文件相当于是查看源码的一个东西。如果不需要定位问题,并且不想被看到源码,就把productionSourceMap 置为false,既可以减少包大小(本项目从25MB减少到13.4MB),也可以加密源码。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

啃代码的毛毛虫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值