【网络安全】WebPack源码(前端源码)泄露 + jsmap文件还原

前言

webpack是一个JavaScript应用程序的静态资源打包器。它构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。大部分Vue等项目应用会使用webpack进行打包,使用webpack打包应用程序会在网站js同目录下生成 js.map文件。

漏洞风险

通过泄露的前端源代码可以查找各种信息,如隐蔽接口、API、加密算法、管理员邮箱、内部功能等等,或者尝试未授权漏洞、拼接接口越权漏洞、查找源代码中关键字去GitHub查找程序源码进行代码审计。

寻找js.map

1、利用source-detector插件可以寻找程序中存在的js.map文件

插件的安装使用教程:【CSDN秋说】几款配合Burpsuite使用的Google插件(Wappalyzer、FindSomething、FOFAproView等)

2、在网站JS文件中用关键词寻找js.map文件

3、处理Burp的HTTP历史请求时,不对js文件进行过滤,之后再全局搜索js.map

利用

如果使用的是source detector插件,则该插件可直接对js.map进行还原并保存。

如果不使用该插件,则需要手动进行逆向还原操作,使用的工具为reverse-sourcemap

1、安装reverse-sourcemap

复制代码
winget install node.js
npm install --global reverse-sourcemap

2、使用reverse-sourcemap还原代码

复制代码
reverse-sourcemap -o 目录 -v 文件名.js.map

-o:还原后的目录,-v:需要还原的文件

使用windows系统时,上面的命令写绝对路径会报错,此时将文件名放置于目录下,保存同目录即可。

还原后即可打开源文件。

插件附图:


相关推荐
前端小咸鱼一条5 分钟前
19. React的高阶组件
前端·javascript·react.js
狮子座的男孩35 分钟前
js基础:10、函数对象方法(call/apply)、arguments类数组对象、Date对象、Math工具类、包装类、字符串方法、正则表达式
前端·javascript·正则表达式·包装类·字符串方法·arguments·date对象
jackzhuoa43 分钟前
Rust 异步核心机制剖析:从 Poll 到状态机的底层演化
服务器·前端·算法
JIngJaneIL1 小时前
财务管理|基于SprinBoot+vue的个人财务管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·毕设·财务管理系统
qq_338032921 小时前
VUE的生命周期钩子,vue2和vue3的生命周期钩子的核心差异
前端·javascript·vue.js
IT_陈寒1 小时前
Vue3性能翻倍秘籍:5个Composition API技巧让你的应用快如闪电⚡
前端·人工智能·后端
Dontla1 小时前
npm install命令介绍
前端·npm·node.js
天天向上10242 小时前
vue2 vue3 修改elementUI和elementPlus主题颜色
前端·javascript·elementui
Zhangzy@2 小时前
Rust Workspace 构建多项目体系
开发语言·前端·rust
通往曙光的路上2 小时前
day23_密码加密 前端验证码 监听器 svn版本控制
前端·svn