Как добавить файл к post запросу в axios?

Question

[fiter]

Vue 2, axios, отправляю post запрос формы:
axios.post( '/addTrack', this.form.data )
Объект с формой:

form: {

                    data: {

                        title : '',
                        style : '',
                        authors: [
                            {
                                id: '',
                                rightholder: 1,
                                percent: ''
                            }
                        ],
                        composers: [
                            {
                                id: '',
                                rightholder: 1,
                                percent: ''
                            }
                        ],
                        file: '',
                        right_area: 1,
                    },

                    errors: {

                    }

                }

Как прицепить к этому запросу файл?
Пробовал так, но не сработало:
this.form.data.file = e.target.files[0];

Answer 1

[fiter]

Было принято решение сделать так:

var formData = new FormData( document.getElementById('myForm') );

Answer 2

[lem_prod]

используй FormData для тела запроса
https://developer.mozilla.org/ru/docs/Web/API/FormData

Comments

[fiter]

Это геморройный вариант, ибо просто так туда не получится запихать готовый объект с формой, в котором ещё массивы будут...

[Тимофей]

fiter: тем не менее это наименее геморройный вариант)
Можно ещё как-то закодировать в base64, но я бы не назвал такой подход более удобным)
А так - просто привязываете через ref файловый инпут и пихаете его содержмое в FormData. Готовый объект передаёте FormData вторым параметром в axios.post. В принципе ничего особо геморройного, хоть и, конечно, не самый удобный вариант.