Загрузка изображения с помощью nextJs завершается ошибкой 415 Unsupported Media Type

Я пытаюсь отправить POST запрос (с изображением) на /api/service/register. Запрос отправляется через fetch api таким образом:

(formData является useState)

...
    const [photo, setPhoto] = useState(null)
    const onChange = (e) => (
        upDatePhoto(e.target.files[0]) )
    const onSubmit = async (e) => {
        e.preventDefault()
        const body = new FormData()
        body.append('name', name)
        body.append('photo', photo)
        body.append('email', email)
        body.append('phone', phone)
        body.append('description', description)
        try {
            const res = await fetch('/api/service/register', {
                method: 'POST',
                body: body
            });
...

но я получаю эту ошибку 415 Unsupported Media Type Похоже, что когда я получаю req.body, я ничего не получаю. register.js

export default async (req, res) => {
...
            const apiRes = await fetch(`${API_URL}/ServiceOwners/register/`, {
                method: 'POST',
                headers: {
                    'Authorization': `Bearer ${access}`,
                },
                body: req.body
            });
...

когда я печатаю req.body, я получаю такой формат

------WebKitFormBoundaryebJPBXTlpiCCQCeA
Content-Disposition: form-data; name="name"

test test
------WebKitFormBoundaryebJPBXTlpiCCQCeA
Content-Disposition: form-data; name="photo"

blob:http://localhost:3000/3a6396ef-c0b3-4b7c-8dd5-13f581f0ff59
------WebKitFormBoundaryebJPBXTlpiCCQCeA
Content-Disposition: form-data; name="email"

testtest@gmail.com
------WebKitFormBoundaryebJPBXTlpiCCQCeA
Content-Disposition: form-data; name="phone"

03 43 55 21 00
------WebKitFormBoundaryebJPBXTlpiCCQCeA
Content-Disposition: form-data; name="description"

test
------WebKitFormBoundaryebJPBXTlpiCCQCeA--

При необходимости я покажу больше кода. Спасибо

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