Я пытаюсь построить передачу данных на страницу 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. Что я пропустил?
Заранее спасибо