javascript - Django 作为 API + ReactJS - Redux : POST request with CSRF token but still response CSRF Token not set

Question

环顾四周后，我想确定我做得对，但我开始怀疑，最糟糕的是:我没有选择/想法了。

所以我使用 django 作为 API(我只收到对某些 Assets 的请求)，除了基类 View 中的一个 POST 方法以允许我的用户下载文件。

问题是 django 期望我的 POST 上有一个 CSRF token 。

所以，这是我在 Reactjs 中所做的事情:

export function sendData(endpoint, req, data) {
return dispatch => {
    dispatch(requestData(data));
    let csrfToken = Cookies.get('csrftoken');

    return fetch(endpoint, {
        method: req,
        headers: {
            'Content-Type': 'application/json',
            'X-CSRFToken': csrfToken,
        },
        body: JSON.stringify(data),
    })
    .then(checkStatus)
    .then(reponse => {
        console.log("Success!");
    }).catch(err => {
        err.response.json().then((json) =>{
            let { Errors, Result } = json;
            console.log('request failed: ', Errors, " ", Result);
        });
    });
};

};

如您所见，我正在使用“whatwg-fetch”库。我尝试用 X-CSRF-Token 替换 X-CSRFToken 但请求被阻止到 chrome“选项”并且似乎未正确发送:预检响应中的 Access-Control-Allow-Headers 不允许请求 header 字段 x-csrf-token。

但我仍然遇到我一直在各处阅读的错误:

CSRF verification failed. Request aborted. Reason given for failure: CSRF cookie not set.

呃。

我在这里缺少什么？

在我看来，我已经尝试过各种装饰器，甚至包括这个:

class DownloadAssetsView(ViewUrlMixin, ListView):
    @csrf_exempt
    def post(self, request, *args, **kwargs):
        print(request)
        return HttpResponse("coucou", status=200, content_type='application/json')

但我无法让它发挥作用..

PS:django 根本没有模板渲染到我的客户端。

Answer 1

我们的项目中遇到了这个问题。csrf token 用于阻止未知 token 和请求。如果您查看有关 csrf token 的文档，您可以找到这一点。csrf token 阻止您对 django 服务器的外部请求。我们合并 react 项目到我们的 django.it 修复。尝试一下。我不是这方面的专家，但你可以检查一下。