Как я могу загрузить изображение на сервер, используя axios в реагировать родной?

Question

Я хочу загрузить файл изображения на сервер в реагировать родной, как я могу это сделать?Вот мой код:

В моем index.js Какой моей точке входа я установил конфигурации по умолчанию axios:

axios.defaults.baseURL = BaseUrl;
axios.defaults.headers.common['Content-Type'] = 'application/json';
axios.defaults.headers.common['Accept'] = 'application/json';

Теперь в моем profileEdit.js, где мне нужно загрузитьизображение профиля

  let data = new FormData();
  data.append('profile_picture',
      {uri: imageResponse.uri, name: imageResponse.fileName, type: 'image/jpg'});

// imageResponse is a response object that I m getting from React native  ImagePicker 

    axios.post('profile/picture/', data,
       {
          headers: {
                    "Authorization": "JWT " + this.state.token,
                    'content-type': 'multipart/form-data',
                  }
        }).then(response => {
                console.log('Profile picture uploaded successfully', response);

        }).catch(error => {
              console.log('Failed to upload profile image', error);
              console.log('Error response',error.response);

        });

Но это вызывает сетевую ошибку, в то время как другие API работают нормально.

Я следовал приведенному здесь решению Как загрузить изображение на сервер, используя axios в реагировать родным?

Это ответ об ошибке, который я получаю.

И мой заголовок запроса выглядит так:

Я не хочу использовать какой-либо другой пакет, такой как реагировать на родной выборочный BLOB-объект

Дополнительные ссылки, по которым я следовал:

• аксиос после запроса на отправку данных формы

Может кто-нибудь сказать мне, где я делаю не так или как мне подойти к этой проблеме.ти