使用Ajax post在Slim中进行CSRF检查

Question

使用Ajax发布请求时，我一直在努力使CSRF正常工作。 我确实有多个使用相同CSRF令牌的请求。 但是问题在于它已经在第一个被执行的程序上失败了。 （加载页面时只有1个触发器）

代码的简要概述：

Ajax呼叫：

var settings = {
                "async": true,
                "crossDomain": true,
                "url": "http://localhost:3000/locations",
                "method": "POST",
                "headers": {
                    "{{ nameKey }}": "{{ name }}",
                    "{{ valueKey }}": "{{ value }}",
                    "Cache-Control": "no-cache"
                }
            }

            $.ajax(settings).done(function (Data) {

中间件：

$container['csrf'] = function ($c) {
    $csrf = new \Slim\Csrf\Guard;
    $csrf->setPersistentTokenMode(true);
    return $csrf;
};
$app->add($container->get('csrf'));

我一直在寻找如何解决这一问题。 我几乎看到的所有地方都告诉他们将令牌持久模式设置为true，这将解决问题。 但是，当我尝试此操作时，我遇到了相同的错误，我尝试了多种操作，例如在请求之前重新生成令牌，但目前看来它什么都没用。

如果有人可以帮助我解决这个问题，我将非常高兴。

Answer 1

我发现张贴CSRF值作为标题不起作用。 （邮递员在那里填充数据时给了我这个想法），相反，我不得不去创建一个表单并像这样附加CSRF

                    let form = new FormData();
                    form.append("csrf_name", csrfName);
                    form.append("csrf_value", csrfValue);
                    var settings = {
                      "async": true,
                      "crossDomain": true,
                      "url": "http://localhost:3000/update,
                      "method": "POST",
                      "headers": {
                        "Cache-Control": "no-cache"
                      },
                      "processData": false,
                      "contentType": false,
                      "mimeType": "multipart/form-data",
                      "data": form
                    };

这为我解决了。