前端vue3 JSON.stringify的数据，后端django怎么取值

在前端使用Vue3时，我们通常会通过JSON.stringify方法将数据转换为JSON字符串格式，然后通过HTTP请求（如POST或PUT）发送到后端。在Django后端，我们可以从请求中获取这些数据并进行处理。

以下是一个简单的示例来说明如何在Vue3前端和Django后端之间传递和接收数据：

1. 前端Vue3代码示例：

<template>
  <div>
    <button @click="sendData">发送数据</button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  methods: {
    sendData() {
      const data = {
        name: '张三',
        age: 30
      };
      axios.post('http://localhost:8000/api/data/', JSON.stringify(data), {
        headers: {
          'Content-Type': 'application/json'
        }
      })
      .then(response => {
        console.log('数据发送成功', response);
      })
      .catch(error => {
        console.error('发送数据出错', error);
      });
    }
  }
}
</script>

在这个例子中，我们创建了一个名为`sendData`的方法，该方法会将一个包含姓名和年龄的对象转换为JSON字符串，并通过POST请求发送到Django后端的指定API。

2. Django后端代码示例：
首先，确保你的Django项目已经设置好并且可以运行。接下来，创建一个视图来处理前端发送的数据：

from django.http import JsonResponse
from django.views.decorators.csrf import csrf_exempt
import json

@csrf_exempt
def receive_data(request):
    if request.method == 'POST':
        try:
            data = json.loads(request.body)
            name = data.get('name')
            age = data.get('age')
            # 这里可以根据需要处理数据
            return JsonResponse({'status': 'success', 'message': f'收到数据：{name}, {age}'})
        except json.JSONDecodeError:
            return JsonResponse({'status': 'error', 'message': '无效的JSON数据'}, status=400)
    return JsonResponse({'status': 'error', 'message': '只接受POST请求'}, status=405)

在这个Django视图中，我们使用`json.loads`函数解析请求体中的JSON数据。我们从解析后的数据中提取出`name`和`age`字段，并返回一个JSON响应。

最后，确保在你的Django项目的urls.py文件中添加相应的URL配置：

from django.urls import path
from .views import receive_data

urlpatterns = [
    path('api/data/', receive_data, name='receive_data'),
]

这样，当Vue3前端发送POST请求到这个URL时，Django后端就可以接收并处理这些数据了。