0
     submit = (event) => {
    //console.log(this.state);
    axios({
      method: 'post',
      url: 'https://uxcandy.com/~shapoval/test-task-backend/create?developer=Agarkova',
      crossDomain: true,
      headers : {
        'Content-Type': 'multipart/form-data'
      },
      processData: false,
      data: {
        username : "User",
        email: this.state.user.email,
        password : this.state.user.password,
        notes : this.state.user.notes,
        task : this.state.user.task,
        file : this.state.user.file
        },
      config: { headers: {'Content-Type': 'multipart/form-data' },
        onUploadProgress : progressEvent => {
          console.log('Upload Progress:' + Math.round(progressEvent.loaded / progressEvent.total * 100) + '%')
        }
      }
    }).then(function (response) {
      //handle success
      console.log(response.data);
  })
  .catch(function (response) {
      //handle error
      console.log(response);
  });
  }

не добавляются данные, пишет message: {username: "Поле является обязательным для заполнения", email: "Поле является обязательным для заполнения", text: "Поле является обязательным для заполнения", image: "Не загружено изображение"} status: "error" хотя вывожу данные и все это есть в стейте компонента

2
  • 1. код приведен неполностью. 2. бэк точно принимает формдату?
    – mix
    22 сен 2018 в 12:29
  • Базовый url для запросов - uxcandy.com/~shapoval/test-task-backend Ожидаемый MIME-type для POST-запросов - multipart/form-data Ответ сервера - в формате json. Ответ может содержать два поля: status - текстовая строка - "ok" в случае успешного запроса, "error" в случае ошибки message - текстовая строка или ассоциативный массив - сообщение с результатами запроса (в случае успешного выполнения), сообщение об ошибке (в случае ошибки), поля может не быть или оно может быть пустым 22 сен 2018 в 13:26

1 ответ 1

0

По умолчанию axios передает данные как json. Если вы пытаетесь отправить multipart/form-data то следует передавать объект типа FormData

let formData = new FormData();
formData.append('username', "User");
formData.append('email', this.state.user.email);
formData.append('password', this.state.user.password);
formData.append('notes', this.state.user.notes);
formData.append('task', this.state.user.task);
formData.append('file', this.state.user.file);

submit = (event) => {
    //console.log(this.state);
    axios({
        method: 'post',
        url: 'https://uxcandy.com/~shapoval/test-task-backend/create?developer=Agarkova',
        crossDomain: true,
        processData: false,
        data: formData,
        onUploadProgress : progressEvent => {
            console.log('Upload Progress:' + Math.round(progressEvent.loaded / progressEvent.total * 100) + '%')
        }
    }).then(function (response) {
       //handle success
       console.log(response.data);
    }).catch(function (response) {
       //handle error
       console.log(response);
    });
}
13
  • большое спасибо, но все равно идет ошибка( попробовала посмотреть в консоли обьект, но свойства там только стандартные 22 сен 2018 в 18:17
  • возможно ваш бэкенд настроен только на извлечение json? 22 сен 2018 в 18:22
  • увы( Базовый url для запросов - uxcandy.com/~shapoval/test-task-backend Ожидаемый MIME-type для POST-запросов - multipart/form-data 22 сен 2018 в 18:45
  • а бэкенд на чем? 22 сен 2018 в 18:46
  • бинго на php^^' 22 сен 2018 в 18:47

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.