2020年3月20号，上海的天气已经迈入了每天20多度的高温状态，就在这样一个风和日丽的午后，我遇到了人生第一次的XSS攻击。好嗨哟。这个项目是放在公众号端的，内部众测结束以后，会进行外部众测，在外部众测的时候发现了这个bug。
这个功能是一个上传下载，上传的过程中外部公司通过截包，修改了上传文件的后缀名将
img.png改成了<img src=1 onerror=alert(1) />造成了文件回显文件名变成了
<img src=1 onerror=alert(1) />当显示在页面的时候变成了 <span><img src=1 onerror=alert(1)/></span>
此时img文件加载失败触发了onerror函数，页面出现弹窗。XSS存储型攻击出现。为了解决这个问题我们采取的是对<>进行转义，前端拿到这个会转。后端接收到这样的文件名也会转义，这就避免了XSS攻击。
为了了解一下XSS攻击更深层的知识：我在掘金找到了这篇文章(https://juejin.cn/post/6844903685122703367#heading-9)
截取其中部分
存储型 XSS
存储型 XSS 的攻击步骤：
- 攻击者将恶意代码提交到目标网站的数据库中。
- 用户打开目标网站时，网站服务端将恶意代码从数据库取出，拼接在 HTML 中返回给浏览器。
- 用户浏览器接收到响应后解析执行，混在其中的恶意代码也被执行。
- 恶意代码窃取用户数据并发送到攻击者的网站，或者冒充用户的行为，调用目标网站接口执行攻击者指定的操作。
这种攻击常见于带有用户保存数据的网站功能，如论坛发帖、商品评论、用户私信等。
反射型 XSS
反射型 XSS 的攻击步骤：
- 攻击者构造出特殊的 URL，其中包含恶意代码。
- 用户打开带有恶意代码的 URL 时，网站服务端将恶意代码从 URL 中取出，拼接在 HTML 中返回给浏览器。
- 用户浏览器接收到响应后解析执行，混在其中的恶意代码也被执行。
- 恶意代码窃取用户数据并发送到攻击者的网站，或者冒充用户的行为，调用目标网站接口执行攻击者指定的操作。
反射型 XSS 跟存储型 XSS 的区别是：存储型 XSS 的恶意代码存在数据库里，反射型 XSS 的恶意代码存在 URL 里。
反射型 XSS 漏洞常见于通过 URL 传递参数的功能，如网站搜索、跳转等。
由于需要用户主动打开恶意的 URL 才能生效，攻击者往往会结合多种手段诱导用户点击。
POST 的内容也可以触发反射型 XSS，只不过其触发条件比较苛刻（需要构造表单提交页面，并引导用户点击），所以非常少见。
DOM 型 XSS
DOM 型 XSS 的攻击步骤：
- 攻击者构造出特殊的 URL，其中包含恶意代码。
- 用户打开带有恶意代码的 URL。
- 用户浏览器接收到响应后解析执行，前端 JavaScript 取出 URL 中的恶意代码并执行。
- 恶意代码窃取用户数据并发送到攻击者的网站，或者冒充用户的行为，调用目标网站接口执行攻击者指定的操作。
DOM 型 XSS 跟前两种 XSS 的区别：DOM 型 XSS 攻击中，取出和执行恶意代码由浏览器端完成，属于前端 JavaScript 自身的安全漏洞，而其他两种 XSS 都属于服务端的安全漏洞。
