SPA Django-Rest-Framework и проблема с реакцией: не найдено

В настоящее время я делаю простое одностраничное приложение, используя react и drf. Итак, в drf у меня есть APIView с методами post и get. Я получаю данные из своего интерфейса. И это хорошо сочетается с запросом на получение. Но я ошеломлен постом.

[20/Apr/2018 13:59:11] "GET /api/v1/update/ HTTP/1.1" 200 454
Not Found: /api/v1/update
[20/Apr/2018 13:59:11] "POST /api/v1/update HTTP/1.1" 404 2421`

Помогите мне найти ошибку, пожалуйста

Вот мой взгляд:

class TaskFormView(APIView):

def get(self, request, format=None):
    """
    Return a list of all tasks.
    """
    tasks = [{'name':task.name, 'status':task.status} for task in Task.objects.all()]
    return Response(tasks)


@csrf_exempt
def post(self, request, format=None):
    '''
    Post a new tasks
    '''
    serializer = TaskSerializer(data=request.data)
    if serializer.is_valid():
        serializer.save()
        return Response(serializer.data, status.HTTP_201_CREATED)
    return Response(serializer.errors, status.HTTP_400_BAD_REQUEST)

И извлеките из приложения реакции:

  uploadTask() {
fetch("http://127.0.0.1:8000/api/v1/update", {
method: 'POST',
headers: {
"Accept": "application/json",
"Content-Type": "application/json"
},
body: JSON.stringify({
  name: "name",
  status: true
})})
.then(response => response.json())
.then(data => console.info('Data is ok. ', data))
.catch(err => console.info("parsing failed", err))
}
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
0
133
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Попробуйте добавить косую черту (/) к вашему запросу POST.

Итак, ваш URL для POST должен выглядеть как http://127.0.0.1:8000/api/v1/update/

Другие вопросы по теме