【纠错笔记】无法加载 webpack问题复现在做网站采集的过程中,网站存在了接口加密,加密参数为X-Vt-Anti-A

问题复现

在做网站采集的过程中,网站存在了接口加密,加密参数为X-Vt-Anti-Abuse-Header,如图所示:

无法加载webpack1.png
根据常规步骤,在遇到加密参数的时候,会首先进行搜索这个参数特征,检查能否直接找到,实际是,找到了这个加密参数,但是无法下断点,如图所示:

无法加载webpack2.png

无法加载webpack3.png 找到加密位置后,当我尝试在这个位置下断点时,报错无法加载 webpack:///packages....（Fetch through target failed: Unsupported URL scheme; Fallback: HTTP 错误：状态代码 404，net::ERR_UNKNOWN_URL_SCHEME）,如图所示:

无法加载webpack4.png

解决方案

在浏览器上打开检查工具或按F12进入检查页面,点击页面的设置按钮,取消勾选Enable JavaScript source maps。
如图所示:

无法加载webpack5.png

无法加载webpack6.png

原因分析

当你不勾选 Enable JavaScript source maps 时，浏览器不会尝试加载 .map 文件，也就是不会去映射压缩或打包后的 JavaScript 文件到它们的原始源代码。这意味着浏览器直接加载并显示已打包和压缩的代码，即便这些代码难以阅读，但它不会出现找不到 .map 文件的错误。

勾选 Enable JavaScript source maps 后，浏览器会尝试加载 source maps 文件（通常以 .map 结尾），这些文件用于将压缩或混淆的代码映射回原始的未压缩源代码。如果 .map 文件丢失或配置不正确，浏览器就会报错。