背景

公司信安部门对项目进行安全扫描，查出一些漏洞，其中有一项要求升级 javascript 框架库（如图）：

![在这里插入图片描述](https://img-
blog.csdnimg.cn/b81d48518c7d49d8af6673e39d98ac0e.png#pic_center)

吓得我以为让我把 Vue2 升级成 Vue3。

经过一番询问后才知道，是工具包中依赖的 YUI 是存在安全漏洞的版本。

漏洞定位

信安同事一开始只给我上面的图，我根本不知道是哪个包的版本需要升级。

我只能用漏洞标题去百度，搜到了一些同样扫出漏洞的情况，多是在说下面几个工具：

• jquery 我没用这个
• js-cookie 文章说改存 localStorage（一点道理都没有）
• jsencrypt 事实证明确实是这个，但没有具体说明原因

查到这里，同事也发来更详细的说明：

YUI:2.9.0 (Link) https://www.cvedetails.com/cve/CVE-2012-5883/

于是我就在打包后的代码中搜索 YUI（不区分大小写，不进行全字匹配），果然搜到了一段注释：

![在这里插入图片描述](https://img-
blog.csdnimg.cn/d2d9e51d1a9044729544fba60ae406fd.png#pic_center)

确认了这个事情，接下来就容易多了。这明显不是我的代码，那就在 node_modules 中继续搜索，最终在 jsencrypt 下查到了这段注释：

![在这里插入图片描述](https://img-
blog.csdnimg.cn/06c5f235ee79415183285dae89dc3a01.png#pic_center)

YUI2 的版本漏洞

在网上搜索关于 YUI 2.9.0 漏洞的信息：[搜索结果](https://www.cvedetails.com/vulnerability-
list.php?vendor_id=290&product_id=20206&version_id=496876&page=1&hasexp=0&opdos=0&opec=0&opov=0&opcsrf=0&opgpriv=0&opsqli=0&opxss=0&opdirt=0&opmemc=0&ophttprs=0&opbyp=0&opfileinc=0&opginf=0&cvssscoremin=0&cvssscoremax=0&year=0&cweid=0&order=1&trc=4&sha=c05359adb4cf42ed76bc81918a55a71d082e58a6)

![在这里插入图片描述](https://img-
blog.csdnimg.cn/28043b4bdf744fc3b61721c5b6b3ceef.png#pic_center)

结果中也包含扫描工具提供的漏洞地址，该漏洞指出：

在 YUI 2.8.0 - 2.9.0 中的 Flash 组件基础机构中存在 XSS 漏洞，远程攻击者可以通过 SWF 程序（YUI SWF
提供了一种在网页中嵌入 Adobe Flash Player 的标准方法）注入任意 Web 脚本或 HTML。

现在我们知道 YUI 2.9.0 这个版本确实有安全隐患，BUG 我们真的有这个漏洞么 ？

YUI 在代码中的实际应用

官方介绍：YUI 是一个免费的、开源的 JavaScript 和 CSS
库，用于构建丰富的交互式 web 应用程序。

不太严谨的说，YUI 就是类似 jquery 的一个工具库。

然后看看 jsencrypt 为啥要使用它呢？

从 node_modules\jsencrypt\lib\lib\jsrsasign\yahoo.js 的代码看，整个文件到处的只是一个包含
lang.extend 方法的对象。

lang.extend 方法模拟类的继承方式，从一个对象上扩展出领域给对象。

也就是说 jsencrypt 仅仅使用了 YUI 的 lang.extend 方法，碰都没碰 YUI SWF。

这么看尽管代码用的是 2.9.0 版本的一部分，但是这个版本的安全漏洞根本影响不到项目。

解决办法

现在可以总结出：

• 漏洞的原因是 YUI 2.9.0 版本存在安全漏洞
• 安全软件扫描的依据是注释中包含 yui 的版本号

那其实只要解决掉 YUI 版本号的这块注释即可。

方法一：使用压缩后的文件

网上搜的办法大部分是使用压缩后（不含注释）的文件：node_modules\jsencrypt\bin\jsencrypt.min.js

// 旧的引入方式
import JSEncrypt from 'jsencrypt'
// 新的引入方式
import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'

方法二：优化打包配置，删除注释

我的办法是，在打包环节删除注释，全局 AOE 干掉所有注释，解决注释引发的所有问题。

包括安全扫描出的，包含外部平台链接、包含邮箱 URL（npm 作者邮箱）之类的。

我是用 Vue Cli 生成的 Vue2 版本的项目，默认打包配置中 webpack 使用了 terser （terser-webpack-
plugin）进行代码优化，直接进行配置即可。

inspect 看下默认配置：

optimization: {
  ...
  minimizer: [
    {
      options: {
        test: /\.m?js(\?.*)?$/i,
        chunkFilter: () => true,
        warningsFilter: () => true,
        extractComments: false,
        sourceMap: false,
        cache: true,
        cacheKeys: defaultCacheKeys => defaultCacheKeys,
        parallel: true,
        include: undefined,
        exclude: undefined,
        minify: undefined,
        terserOptions: {
          output: {
            // 默认保留了 @license 注释
            comments: /^\**!|@preserve|@license|@cc_on/i
          },
          compress: {...},
          mangle: {...}
        }
      }
    }
  ]
},

只需要修改 output 配置即可，配置项参考：

• TerserWebpackPlugin | webpack 中文文档
• terser - npmjs.com 直接搜索 Format options

vue.config.js 增加配置：

chainWebpack(config) {
  // 删除注释
  config.optimization.minimizer('terser').tap(args => {
    // 直接修改 terserOptions 下的属性值，保留原有配置
    // 这里访问 terserOptions 的时候并没有 output，访问不到 output.comments 需要直接赋值
    args[0].terserOptions.output = {
      comments: false,
    }
    return args
  })
}

学习网络安全技术的方法无非三种:

第一种是报网络安全专业，现在叫网络空间安全专业，主要专业课程:程序设计、计算机组成原理原理、数据结构、操作系统原理、数据库系统、 计算机网络、人工智能、自然语言处理、社会计算、网络安全法律法规、网络安全、内容安全、数字取证、机器学习，多媒体技术，信息检索、舆情分析等。

第二种是自学，就是在网上找资源、找教程，或者是想办法认识一-些大佬，抱紧大腿，不过这种方法很耗时间，而且学习没有规划，可能很长一段时间感觉自己没有进步，容易劝退。

如果你对网络安全入门感兴趣，那么你需要的话可以点击这里👉网络安全重磅福利：入门&进阶全套282G学习资源包免费分享！

第三种就是去找培训。

接下来，我会教你零基础入门快速入门上手网络安全。

网络安全入门到底是先学编程还是先学计算机基础？这是一个争议比较大的问题，有的人会建议先学编程，而有的人会建议先学计算机基础，其实这都是要学的。而且这些对学习网络安全来说非常重要。但是对于完全零基础的人来说又或者急于转行的人来说，学习编程或者计算机基础对他们来说都有一定的难度，并且花费时间太长。

第一阶段：基础准备 4周~6周

这个阶段是所有准备进入安全行业必学的部分，俗话说：基础不劳，地动山摇

第二阶段：web渗透

学习基础 时间：1周 ~ 2周：

① 了解基本概念：（SQL注入、XSS、上传、CSRF、一句话木马、等）为之后的WEB渗透测试打下基础。
② 查看一些论坛的一些Web渗透，学一学案例的思路，每一个站点都不一样，所以思路是主要的。
③ 学会提问的艺术，如果遇到不懂得要善于提问。

配置渗透环境 时间：3周 ~ 4周：

① 了解渗透测试常用的工具，例如（AWVS、SQLMAP、NMAP、BURP、中国菜刀等）。
② 下载这些工具无后门版本并且安装到计算机上。
③ 了解这些工具的使用场景，懂得基本的使用，推荐在Google上查找。

渗透实战操作 时间：约6周：

① 在网上搜索渗透实战案例，深入了解SQL注入、文件上传、解析漏洞等在实战中的使用。
② 自己搭建漏洞环境测试，推荐DWVA，SQLi-labs，Upload-labs，bWAPP。
③ 懂得渗透测试的阶段，每一个阶段需要做那些动作：例如PTES渗透测试执行标准。
④ 深入研究手工SQL注入，寻找绕过waf的方法，制作自己的脚本。
⑤ 研究文件上传的原理，如何进行截断、双重后缀欺骗(IIS、PHP)、解析漏洞利用（IIS、Nignix、Apache）等，参照：上传攻击框架。
⑥ 了解XSS形成原理和种类，在DWVA中进行实践，使用一个含有XSS漏洞的cms，安装安全狗等进行测试。
⑦ 了解一句话木马，并尝试编写过狗一句话。
⑧ 研究在Windows和Linux下的提升权限，Google关键词：提权

以上就是入门阶段

第三阶段：进阶

已经入门并且找到工作之后又该怎么进阶？详情看下图

给新手小白的入门建议：
新手入门学习最好还是从视频入手进行学习，视频的浅显易懂相比起晦涩的文字而言更容易吸收，这里我给大家准备了一套网络安全从入门到精通的视频学习资料包免费领取哦！

如果你对网络安全入门感兴趣，那么你需要的话可以点击这里👉网络安全重磅福利：入门&进阶全套282G学习资源包免费分享！