Laravel中AJAX多次调用触发CSRF Token错误问题求助

兄弟，我之前跟你碰到过一模一样的坑！首次AJAX请求正常，短时间内连续调用2-3次就弹出Symfony\Component\HttpKernel\Exception\HttpException，排查后确定是CSRF问题对吧？核心原因大概率是你在复用页面加载时的旧令牌，而Laravel的CSRF令牌会在某些场景下自动刷新，导致后续请求用了失效的令牌。咱们一步步来彻底解决：

• 每次请求都获取最新的CSRF令牌
  别只在页面初始化时取一次<meta name="csrf-token">的值，因为这个值只有页面刷新才会更新。Laravel其实会把最新的CSRF令牌存在XSRF-TOKEN Cookie里，直接从Cookie读取更可靠。写个小函数专门取这个值：

  function getLatestCsrfToken() {
      const cookieName = 'XSRF-TOKEN';
      const cookieParts = document.cookie.split(`; ${cookieName}=`);
      if (cookieParts.length === 2) {
          return decodeURIComponent(cookieParts.pop().split(';').shift());
      }
      return '';
  }
  

  然后每次发AJAX请求时，用这个函数获取最新令牌：

  $.ajax({
      url: '/your-api-endpoint',
      method: 'POST',
      headers: {
          'X-CSRF-TOKEN': getLatestCsrfToken()
      },
      data: { /* 你的请求数据 */ },
      success: function(res) {
          // 处理逻辑
      },
      error: function(xhr) {
          // 错误处理
      }
  });
  

• 检查Laravel的Session与CSRF配置
  打开config/session.php，确认lifetime（Session有效期）不是设置得太短，默认120分钟一般没问题。另外，如果你自定义了VerifyCsrfToken中间件，别误加了令牌一次性消耗的逻辑——Laravel默认不会一次性销毁令牌，但有些开发者会手动加，这会导致连续请求失效。

• 用Laravel自带的AJAX自动注入（优化版）
  如果你用jQuery，Laravel默认的app.js里有一段自动注入CSRF头的代码，但它默认是取meta标签的，咱们把它改成从Cookie取，这样就不用每次写请求都手动加：

  // 在app.js里替换原有的ajaxSetup代码
  $.ajaxSetup({
      headers: {
          'X-CSRF-TOKEN': getLatestCsrfToken()
      }
  });
  

  这样所有AJAX请求都会自动带上最新的CSRF令牌，省心很多。

• 处理并发请求的令牌冲突
  如果是极快的并发请求（比如用户连续点按钮），可以给AJAX请求加个简单的队列，避免同时发送多个请求导致令牌刷新冲突。比如用一个变量标记是否有请求在进行：

  let isRequesting = false;
  
  function sendRequest() {
      if (isRequesting) return;
      isRequesting = true;
      $.ajax({
          // 请求配置
          complete: function() {
              isRequesting = false;
          }
      });
  }
  

总结一下：核心就是别复用旧令牌，每次请求都拿最新的，因为Laravel会在Session更新、用户状态变化等场景下自动刷新CSRF令牌，连续请求时很容易碰到旧令牌失效的情况。按上面的方法改完，应该就能彻底解决这个问题了。

内容的提问来源于stack exchange，提问作者robspin