Question

我一直在尝试使用axios包在React中向我的django服务器发送一个简单的发布请求。但是每次，我都会收到一个后端错误，提示未设置CSRF Cookie。这是我的React代码：

componentDidMount() {
    let csrfToken = getCsrfToken()
    console.log(csrfToken)
    axios({
        method: "POST",
        url: 'http://localhost:8000/getStats',
        headers: {
            "Content-Type": "application/json",
            "x-csrftoken": csrfToken
        },
        data: { "city": "pune" }
    }).then(response => {
        console.log(response);
    }).catch(err => {
        console.log(err);
    })
}

这已添加到我的django服务器中： CSRF_COOKIE_NAME =“ x-csrftoken”

编辑：我尚未使用任何表格。安装组件时，我只是尝试使用axios作为Pune发送静态数据。

Answer 1

将csrftoken添加到数据中，我对ajax和Jquery遇到相同的问题

> import evernote
> evernote.__file__

Answer 2

在数据写入中

data: {
            'csrfmiddlewaretoken': '{{csrf_token}}',
            "city": "pune"
        },

还要添加{％csrf_token％}

<form>
  anywhere out this {% csrf_token %}
</form>

错误403 CSRF cookie未设置。 axios向django服务器发布请求

2 个答案: