python - Django (DRF) 不显示 CORS POST 数据(来自 React 前端)

Question

我正在使用 React 前端，与 DRF(Django Rest Framework)后端通信。

目前，两者都在自己的开发服务器上运行，因此它们在不同的域上运行。

我是从前端向后端发送数据，使用POST方法，使用axios发送请求。

我使用的代码如下所示。

问题:

Django 似乎没有接收到 POST 数据。

正如您在下面的代码中看到的，我尝试打印出接收到的数据，但这是我在控制台中看到的:

[12/Jun/2018 13:33:17] "OPTIONS /order/create HTTP/1.1" 200 0

request.POST:

<QueryDict: {}>

[12/Jun/2018 13:55:47] "POST /order/create HTTP/1.1" 200 2

(打印的信息首先出现在控制台中，然后是 POST 请求的行，这似乎是正常的。即使打印语句是由 POST 请求执行的，而不是由 OPTIONS 请求执行的。这让我很困惑最初有点。)

我已经尝试过:

我尝试添加以下 header :

headers: {'Content-Type': 'application/json'}

我尝试添加:

withCredentials: true

(在我的代码中注释掉，如果这篇文章在底部)

最初，这给了我一个关于预检请求响应的错误，该请求不包含值为“true”的 Access-Control-Allow-Credentials header 。我通过添加以下内容解决了这个错误:

CORS_ALLOW_CREDENTIALS = True 

(来自 django-cors-headers Django 应用，在 settings.py 中进行设置)https://github.com/ottoyiu/django-cors-headers

然后手动将 header 添加到我的响应中:

response['Access-Control-Allow-Credentials'] = 'true'

我之前已经研究过有关 CORS 的部分内容，但我再次阅读了下面的页面。似乎没有给出答案。

https://www.html5rocks.com/en/tutorials/cors/

axios代码:

checkoutCart: function(submittedValues, products) {

  console.log("checkoutCart")

  console.log(submittedValues)

  console.log(products)

  // let data = {

  //   formData: submittedValues,

  //   productData: products,

  // }

  return axios({

    method: 'post',

    url: 'http://127.0.0.1:8000/order/create',

    data: {

      formData: submittedValues,

      productData: products,

    },

    headers: {'Content-Type': 'application/json'},

    //withCredentials: true,

  })

    .then(function(response) {

      console.log(response)

    })

    .catch(function(error) {

      console.log("error", error)

    })

}

Django View :

from django.views.decorators.csrf import csrf_exempt

from django.http import JsonResponse



@csrf_exempt

def handle_order(request):

    if request.method == 'POST':

        print("request.POST:")

        print(request.POST)

    response = JsonResponse({})

    response['Access-Control-Allow-Credentials'] = 'true'

    return response

Answer 1

您可以使用以下方式获取帖子数据:

请求体

获取帖子数据后，您需要对其进行解码

request.body.decode('utf-8')

如果您希望解析此数据字典，您可以使用 json 库将字符串转换为可迭代的字典，方法是:

json.loads(your_post_data)

这是一个完整的工作片段:

def handle_order(request):
    if request.method == 'POST':
        unparsed_json = request.body.decode('utf-8') #Get the data and decode it
        postData = loads(unparsed_json) #Convert it to [dict]
        for keys in postData:
            print(keys) #print all the values in the dict