Ошибка получения пустых полей ответа после передачи формы в django rest api - PullRequest
0 голосов
/ 03 октября 2019

Я пытаюсь построить передачу данных на страницу API. Но ответ пустых полей ошибка.

Это мой шаблон Vue.

<b-form @submit.prevent="postImitagram" id="post-form">
  <b-form-input id="words" v-model="content" :state="state" trim />

  <b-form-file accept="image/*" id="image" v-model="file" :state="Boolean(file)" />

  <b-button block class="mt-5" type="submit" variant="primary">submit 
  </b-button>
</b-form>
data() {
  return {
    content: "",
    file: null,
    error: ''
   }
},
methods: {
  postImitagram(e) {
    let endpoint = "/api/posts/";
    let method = "POST";
    let formData = new FormData();
    formData.append('title', this.content);
    formData.append('image', this.test, this.test.name);
    let context = {'title': this.content, 'image': this.file};
     apiService(endpoint, method, formData).then(data => {
     })
  }
}

function apiService(endpoint, method, data) {
    const config = {
        method: method || "GET"
        body: data,
        headers: {
            'content-type': 'multipart/form-data',
            'X-CSRFTOKEN': CSRF_TOKEN
        }
    };
    return fetch(endpoint, config)
        .then(handleResponse)
        .catch(error => console.log(error))
}

Модель API

{
    "title": "",
    "image": null
}

и статус ответа 400 неверный запрос и поле 'title' и 'image'необходимы. Создание нового прекрасно работает, когда я размещаю вещи на самой странице API. Что я пропустил?

Заранее спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...