聊聊前端安全之CSRF

本文详细介绍了CSRF攻击的概念、原理、危害,并通过实例展示了攻击过程。同时,文章提供了两种防御CSRF攻击的方法,包括Referer验证和随机Token验证,并强调Token验证是核心防御手段。
摘要由CSDN通过智能技术生成

本文作者为奇舞团前端开发工程师

一、什么是CSRF

 CSRF(Cross Site Request Forgery,跨站域请求伪造),通常缩写为 CSRF。CSRF攻击是攻击者通过伪装成受信任用户向服务器发起各种请求,达到欺骗服务器接收并执行指令,造成的一系列危害的一种网络攻击方式。

834ea391b6ab1789d418e31c6cf357da.png

二、CSRF的原理

3aa1bd1023797c353ef432eaa834a099.png

原理流程图形化展示如上图所示,下面为原理流程释义:

  1. 用户正常登录A网站,登录成功后,A网站将Cookies保存在用户浏览器中

  2. 黑客通过散发信息,诱导用户访问恶意网站B 

  3. 在恶意网站B中,使用诱导信息,诱导用户点击链接或者按钮,触发发送恶意指令给A网站的操作

  4. 浏览器携带着当前用户在A网站的身份认证信息(Cookies等),向A网站发送用户并未授权的恶意指令

  5. 服务器在收到信息后,不会分辨也无法分辨是否是用户真实的指令,便执行了恶意指令

  6. 至此攻击成功

三、CSRF的危害

伪造用户授权,执行恶意操作。例如:修改用户的头像、发消息、修改收货地址、修改密码、添加/删除好友等等操作。

四、CSRF的实践

当前有两个网站,一个正常的网站A(www.sheep.com),一个恶意网站B(www.evil.com) 首先用户正常登录网站A,账号admin 密码 admin

53f0560696dea840806ce9970be09828.png

登录后的效果

cd031128917cdb95f2380adf2e27cd74.png用户此时可以浏览网页新闻,可以点击退出,可以修改密码 (这里为了演示效果,做了两个修改密码的功能,一个是增加了CSRF防御的修改密码功能,一个是未添加CSRF防御的修改密码功能)

首先看一下未添加CSRF防御的修改密码功能

ba1709246bccc5dc76973e5afb744993.png

前端代码

<head> 
  <meta charset="UTF-8"> 
  <title>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值