Публиковать на заданную конечную точку в виде составного файла

Question

У меня есть рабочий бэкэнд в Spring Boot с конечной точкой, защищенной JWT, для изменения аватара текущего пользователя.Следующий запрос от Insomnia с правильным предъявителем работает нормально:

Но этот код

updateAvatar(context, avatar) {
          const fd = new FormData();
          fd.append('file', avatar.data);
          return new Promise((resolve, reject) => {
              axios.post('/saveavatar',
                  {file: fd},
                  {headers: {'Authorization': 'Bearer ' + localStorage.getItem('access_token')}})
                  .then(response => {
                      resolve(response)
                  })
                  .catch(error => {
                      reject(error)
                  })
          })
      },

завершается ошибкой

the request was rejected because no multipart boundary was found

Что я делаю не так?

Answer 1

Второй аргумент post должен быть фактическим FormData, fd в вашем случае.

axios.post('/saveavatar',
              fd,
              {headers: {'Authorization': 'Bearer ' + localStorage.getItem('access_token')}})

Причина, по которой он работает в Insomia, заключается в том, что он заботится о вашем запросе и цифрахЕсли ему нужно объявить границу, axios сделает то же самое, но ему нужен действительный FormData.