Django Nextjs post метод "Unhandled Runtime Error"

В настоящее время я создаю свой первый проект на Django + Nextjs, но у меня возникла проблема, когда я пытаюсь создать объект спереди. У меня есть форма, которая позволяет мне создать "пост", когда я отправляю ее. Все работает нормально в бэкенде, я могу видеть мои новые посты в моей панели /admin. Однако на передней стороне я получаю ошибку : "Unhandled Runtime Error"

Мой фронт-код, где, как я полагаю, возникает ошибка :

const CreationForm = () => {
const router = useRouter();

const [creator, setCreator] = useState('Anonymous Creator');
const [slug, setSlug] = useState('');
const [title, setTitle] = useState('');
const [photo_main, setPhoto_main] = useState(null);
const [description, setDescription] = useState('');

const onSlugChange = e => setSlug(e.target.value);
const onTitleChange = e => setTitle(e.target.value);
const onFileChange = e => setPhoto_main(e.target.files[0]);
const onDescriptionChange = e => setDescription(e.target.value);


const [loading, setLoading] = useState(false);

const handleSubmit = async e => {

e.preventDefault();
setLoading(true);
    const config = {
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'multipart/form-data',
        }
    };

    const formData = new FormData();
    formData.append('title', title);
    formData.append('slug', slug);
    formData.append('creator', 'Anonymous Creator');
    formData.append('description', description);
    formData.append('photo_main', photo_main);

    const body = formData;

    try {
        const res = await axios.post('http://localhost:8000/api/posts/create', body, config);

        if (res.status === 201) {
            setLoading(false);
            router.push('/dashboard');
        }
    } catch(err) {
      setLoading(false)
    }

};

return (
<Layout>
.
.
.
</Layout>
    );
}

export default CreationForm;

Я очень старался найти ответ самостоятельно, но теперь я потерян...

Спасибо, что прочитали!

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