GHOST系统之家 - Windows系统光盘下载网站！
深度系统|雨林木风|番茄花园|萝卜家园|系统之家|电脑公司
首页Win11系统Win10系统Win8系统Win7系统WinXP系统
系统文章
当前位置：GHOST系统之家>电脑问题 > 在React中防范XSS攻击

在React中防范XSS攻击

来源：Ghost系统之家浏览：时间：2023-03-10 07:59:53

跨站点脚本(XSS)攻击是一种将恶意代码注入网页然后执行的攻击。这是前端Web开发人员必须应对的最常见的网络攻击形式之一，因此了解攻击的工作原理和防范方法非常重要。

在本文中，我们将查看几个用React编写的代码示例，这样您也可以保护您的站点和用户。

示例1：React中成功的XSS攻击

对于我们所有的示例，我们将实现相同的基本功能。我们将在页面上有一个搜索框，用户可以在其中输入文本。点击“Go”按钮将模拟运行搜索，然后一些确认文本将显示在屏幕上，并向用户重复他们搜索的术语。这是任何允许你搜索的网站的标准行为。

小技巧｜在React中防范XSS攻击

很简单，对吧?会出什么问题呢?

好吧，如果我们在搜索框中输入一些HTML怎么办?让我们尝试以下代码段：

现在会发生什么?

小技巧｜在React中防范XSS攻击

哇，onerror 事件处理程序已执行!那不是我们想要的!我们只是不知不觉地从不受信任的用户输入中执行了脚本。

小技巧｜在React中防范XSS攻击

然后，破碎的图像将呈现在页面上，那也不是我们想要的。

那么我们是怎么到这里的呢?好吧，在本例中渲染搜索结果的JSX中，我们使用了以下代码：

用户输入被解析和渲染的原因是我们使用了 dangerouslySetInnerHTML 属性，这是React中的一个特性，它的工作原理就像原生的innerHTML 浏览器API一样，由于这个原因，一般认为使用这个属性是不安全的。

示例2：React中的XSS攻击失败

现在，让我们看一个成功防御XSS攻击的示例。这里的修复方法非常简单：为了安全地渲染用户输入，我们不应该使用 dangerouslySetInnerHTML属性。相反，让我们这样编写输出代码：

我们将输入相同的输入，但这一次，这里是输出：

很好!用户输入的内容在屏幕上只呈现为文字，威胁已被解除。

这是个好消息!React默认情况下会对渲染的内容进行转义处理，将所有的数据都视为文本字符串处理，这相当于使用原生 textContent 浏览器API。

示例3：在React中清理HTML内容

所以，这里的建议似乎很简单。只要不要在你的React代码中使用dangerouslySetInnerHTML你就可以了。但如果你发现自己需要使用这个功能呢?

例如，也许您正在从诸如Drupal之类的内容管理系统(CMS)中提取内容，而其中某些内容包含标记。(顺便说一句，我可能一开始就不建议在文本内容和来自CMS的翻译中包含标记，但对于本例，我们假设您的意见被否决了，并且带有标记的内容将保留下来。)

在这种情况下，您确实想解析HTML并将其呈现在页面上。那么，您如何安全地做到这一点?

答案是在渲染HTML之前对其进行清理。与完全转义HTML不同，在渲染之前，您将通过一个函数运行内容以去除任何潜在的恶意代码。

您可以使用许多不错的HTML清理库。和任何与网络安全有关的东西一样，最好不要自己写这些东西。有些人比你聪明得多，不管他们是好人还是坏人，他们比你考虑得更多，一定要使用久经考验的解决方案。

我最喜欢的清理程序库之一称为sanitize-html，它的功能恰如其名。您从一些不干净的HTML开始，通过一个函数运行它，然后得到一些漂亮、干净、安全的HTML作为输出。如果您想要比它们的默认设置提供更多的控制，您甚至可以自定义允许的HTML标记和属性。

结束

就是这样了。如何执行XSS攻击，如何防止它们，以及如何在必要时安全地解析HTML内容。

祝您编程愉快，安全无虞!

完整的代码示例可在GitHub上找到：https://github.com/thawkin3/xss-demo

鸿蒙官方战略合作共建——HarmonyOS技术社区

标签：网络攻击ReactXSS攻击网络攻击网络攻击

推荐系统

  • 微软Win11原版22H2下载_Win11GHOST 免 激活密钥 22H2正式版64位免费下载

    微软Win11原版22H2下载_Win11GHOST 免 激活密钥 22H2正式版64位免费下载

    语言：中文版系统大小：5.13GB系统类型：Win11

    微软Win11原版22H2下载_Win11GHOST 免 激活密钥 22H2正式版64位免费下载系统在家用办公上跑分表现都是非常优秀，完美的兼容各种硬件和软件，运行环境安全可靠稳定。Win11 64位 Office办公版（免费）优化　　1、保留 Edge浏览器。　　2、隐藏“操作中心”托盘图标。　　3、保留常用组件（微软商店，计算器，图片查看器等）。　　5、关闭天气资讯。　

  • Win11 21H2 官方正式版下载_Win11 21H2最新系统免激活下载

    Win11 21H2 官方正式版下载_Win11 21H2最新系统免激活下载

    语言：中文版系统大小：4.75GB系统类型：Win11

    Ghost Win11 21H2是微软在系统方面技术积累雄厚深耕多年，Ghost Win11 21H2系统在家用办公上跑分表现都是非常优秀，完美的兼容各种硬件和软件，运行环境安全可靠稳定。Ghost Win11 21H2是微软最新发布的KB5019961补丁升级而来的最新版的21H2系统，以Windows 11 21H2 22000 1219 专业版为基础进行优化，保持原汁原味，系统流畅稳定，保留常用组件

  • windows11中文版镜像 微软win11正式版简体中文GHOST ISO镜像64位系统下载

    windows11中文版镜像 微软win11正式版简体中文GHOST ISO镜像64位系统下载

    语言：中文版系统大小：5.31GB系统类型：Win11

    windows11中文版镜像 微软win11正式版简体中文GHOST ISO镜像64位系统下载，微软win11发布快大半年了，其中做了很多次补丁和修复一些BUG,比之前的版本有一些功能上的调整，目前已经升级到最新版本的镜像系统，并且优化了自动激活，永久使用。windows11中文版镜像国内镜像下载地址微软windows11正式版镜像 介绍：1、对函数算法进行了一定程度的简化和优化

  • 微软windows11正式版GHOST ISO镜像 win11下载 国内最新版渠道下载

    微软windows11正式版GHOST ISO镜像 win11下载 国内最新版渠道下载

    语言：中文版系统大小：5.31GB系统类型：Win11

    微软windows11正式版GHOST ISO镜像 win11下载 国内最新版渠道下载，微软2022年正式推出了win11系统，很多人迫不及待的要体验，本站提供了最新版的微软Windows11正式版系统下载，微软windows11正式版镜像 是一款功能超级强大的装机系统，是微软方面全新推出的装机系统，这款系统可以通过pe直接的完成安装，对此系统感兴趣，想要使用的用户们就快来下载

  • 微软windows11系统下载 微软原版 Ghost win11 X64 正式版ISO镜像文件

    微软windows11系统下载 微软原版 Ghost win11 X64 正式版ISO镜像文件

    语言：中文版系统大小：0MB系统类型：Win11

    微软Ghost win11 正式版镜像文件是一款由微软方面推出的优秀全新装机系统，这款系统的新功能非常多，用户们能够在这里体验到最富有人性化的设计等，且全新的柔软界面，看起来非常的舒服~微软Ghost win11 正式版镜像文件介绍：1、与各种硬件设备兼容。 更好地完成用户安装并有效地使用。2、稳定使用蓝屏，系统不再兼容，更能享受无缝的系统服务。3、为

  • 雨林木风Windows11专业版 Ghost Win11官方正式版 (22H2) 系统下载

    雨林木风Windows11专业版 Ghost Win11官方正式版 (22H2) 系统下载

    语言：中文版系统大小：4.75GB系统类型：

    雨林木风Windows11专业版 Ghost Win11官方正式版 (22H2) 系统下载在系统方面技术积累雄厚深耕多年，打造了国内重装系统行业的雨林木风品牌，其系统口碑得到许多人认可，积累了广大的用户群体，雨林木风是一款稳定流畅的系统,一直以来都以用户为中心，是由雨林木风团队推出的Windows11国内镜像版，基于国内用户的习惯，做了系统性能的优化，采用了新的系统

  • 雨林木风win7旗舰版系统下载 win7 32位旗舰版 GHOST 免激活镜像ISO

    雨林木风win7旗舰版系统下载 win7 32位旗舰版 GHOST 免激活镜像ISO

    语言：中文版系统大小：5.91GB系统类型：Win7

    雨林木风win7旗舰版系统下载 win7 32位旗舰版 GHOST 免激活镜像ISO在系统方面技术积累雄厚深耕多年，加固了系统安全策略，雨林木风win7旗舰版系统在家用办公上跑分表现都是非常优秀，完美的兼容各种硬件和软件，运行环境安全可靠稳定。win7 32位旗舰装机版 v2019 05能够帮助用户们进行系统的一键安装、快速装机等，系统中的内容全面，能够为广大用户

  • 番茄花园Ghost Win7 x64 SP1稳定装机版2022年7月(64位) 高速下载

    番茄花园Ghost Win7 x64 SP1稳定装机版2022年7月(64位) 高速下载

    语言：中文版系统大小：3.91GB系统类型：Win7

    欢迎使用 番茄花园 Ghost Win7 x64 SP1 2022.07 极速装机版 专业装机版具有更安全、更稳定、更人性化等特点。集成最常用的装机软件，集成最全面的硬件驱动，精心挑选的系统维护工具，加上独有人性化的设计。是电脑城、个人、公司快速装机之首选！拥有此系统

相关文章

热门系统

热门文章

常用系统

GHOST系统之家发布的内容均来至互联网或用户投稿,仅供个人学习使用，不得用于任何商业用途并请在下载后24小时内删除,如果满意请联系版权方购买。

Copyright © 2022-2028 Ghost系统之家 www.win864.cn 系统/软件/文章投稿请联系 邮箱：web2028$foxmail.com($换@)

如果您发现本站侵害了您的版权，请立即联系我们，本站将第一时间进行相关处理。