Ошибка 400 Bad Request в ответ на запрос PUT/POST

Мой проект заключается в создании веб-приложения в стиле twitter. Я пытаюсь реализовать функцию, с помощью которой пользователь может редактировать содержимое своих сообщений. Каждый раз, когда я нажимаю "сохранить" для редактирования сообщения, я получаю:Error message

Вот контекст моего запроса на выборку:

const edit_div = document.createElement('div');
edit_div.innerHTML = `<p id="edit" style="color: blue;">Edit</p>`;
edit_div.querySelector('#edit').addEventListener('click', () => {
    post_div.querySelector('#content').innerHTML = `
        <textarea id="edited">${post.content}</textarea>
    `;
    edit_div.innerHTML = `<button id="change_post">Create change</button>`;
    edit_div.querySelector('#change_post').addEventListener('click', () => {
        const new_content = post_div.querySelector('#edited').value;
        fetch(`/posts/${post.id}`, {
            method: 'PUT',
            body: JSON.stringify({
                content: new_content
            })
        })

Это мой URL в файле urls.py

path("posts/<int:post_id>", views.post, name="edit_post"),

Вот что я создал в файле views.py

@csrf_exempt
@login_required
def post(request, post_id):
    edited_post = Post.objects.get(id=post_id)
    return JsonResponse(edited_post)

Использование POST вместо PUT дает тот же результат. Я пытался очистить cookies и очистить кэш браузера, но безрезультатно. Я делал очень похожие вызовы fetch, но ни в одном из них не было такой проблемы. Что я сделал не так?

Вернуться на верх