前端安全：CSRF攻击与防御

CSRF（Cross-Site Request Forgery，跨站请求伪造）攻击是一种允许攻击者通过受害者的身份执行非预期操作的安全威胁。为了防御这种攻击，前端开发者通常需要结合后端验证和特定的前端策略。

令牌验证：

这是最常用的防御手段，通常涉及生成一个CSRF令牌，并将其在客户端和服务器之间交换。

服务器生成令牌：

在用户登录成功后，服务器生成一个CSRF令牌，并将其存储在用户的会话中。

   # Python 示例
   from flask import Flask, session
   app = Flask(__name__)

   @app.route('/login')
   def login():
       session['csrf_token'] = generate_csrf_token()
       return render_template('login.html', csrf_token=session['csrf_token'])

客户端使用令牌：

将令牌嵌入到每个需要防护的表单中，或者作为HTTP头的一部分。

   <!-- HTML 示例 -->
   <form action="/protected" method="POST">
     <input type="hidden" name="csrf_token" value="{
    
    { csrf_token }}">
     <!-- ...其他表单字段... -->
   </form>

   // JavaScript 示例（使用Fetch API）
   fetch('/protected', {
   
   
     method: 'POST',
     headers: {
   
   
       'Content-Type': 'application/x-www-form-urlencoded',
       'X-CSRF-Token':