通过Axios将数据发送到Django UpdateAPIView

// 安装 Axios
// npm install axios

import axios from 'axios';

// 更新数据
const updateData = async (id, newData) => {
  try {
    const response = await axios.put(`/api/items/${id}/`, newData);
    console.log(response.data);
  } catch (error) {
    console.error('Error updating data:', error);
  }
};

// 调用函数更新数据
updateData(1, { name: 'New Name', description: 'New Description' });

# models.py
from django.db import models

class Item(models.Model):
    name = models.CharField(max_length=100)
    description = models.TextField()

# serializers.py
from rest_framework import serializers
from .models import Item

class ItemSerializer(serializers.ModelSerializer):
    class Meta:
        model = Item
        fields = ['id', 'name', 'description']

# views.py
from rest_framework.generics import UpdateAPIView
from .models import Item
from .serializers import ItemSerializer

class ItemUpdateView(UpdateAPIView):
    queryset = Item.objects.all()
    serializer_class = ItemSerializer

# urls.py
from django.urls import path
from .views import ItemUpdateView

urlpatterns = [
    path('api/items/<int:pk>/', ItemUpdateView.as_view(), name='item-update'),
]

pip install django-cors-headers

INSTALLED_APPS = [
    ...
    'corsheaders',
    ...
]

MIDDLEWARE = [
    ...
    'corsheaders.middleware.CorsMiddleware',
    ...
]

CORS_ORIGIN_ALLOW_ALL = True  # 注意：在生产环境中应设置为特定域名