django - 如何在 VUE 或 reqwest 中添加 CSRF 令牌？

Question

当我向服务器发送数据时，如果 request.method == 'POST': print("************request body*******" )

在 django views.py 中。这些代码无法工作。

enter code here

var app6 = new Vue({
  el: '#app-6',
  data: {
     realtimecost:0,
  },
  created() {            
        setInterval(() =>
        {
             this.realtimecost=this.realtimecost+1;           
             if(this.realtimecost==5)
                this.sendData();// here 

          }, 1000);
  },
  methods: {  
    sendData:function ()//send data
     {
        var self = this;
        reqwest({
        url:'http://127.0.0.1:8000/tasks/',
        method:'post', 
        type:'json',
        headers: {
         "X-CSRFToken": Cookies.get('csrftoken')
            },
        data:
        {
              realtimecost:5,
        },//end data
         success:function(resp){

         //self.getData()
         }//end success
        })//end reqwest
        },//end senddata

  }//end method

})//end app6

Answer 1

也许我在 web body 的表单中使用了 {% csrf_token %}，所以 "X-CSRFToken": Cookies.get('csrftoken') 不能工作。

最后我将 "X-CSRFToken":'{{ csrf_token }}' 放在标题中并且它可以工作。但我不知道它的机制。

reqwest({
        url:'http://127.0.0.1:8000/tasks/',
        method:'post', 
        type:'json',
        headers: {
         "X-CSRFToken":'{{ csrf_token }}'
            },