В моем приложении vue у меня есть обычный <form>, когда я нажимаю «Отправить», он отправляет правильные данные, но не устанавливает заголовки аутентификации в запросе. У меня есть настройки axios для прикрепления этих заголовков к каждому запросу, поэтому мне нужно отправлять данные через axios.
Из документов axios я знаю, что могу публиковать такие данные
axios.post('/user', {
firstName: 'Fred',
lastName: 'Flintstone'
})
и я также знаю, что могу запустить пользовательскую функцию в сообщении формы, добавив @submit.prevent = "handleSubmit в тег <form>.
Я не могу понять, как получить все значения из входных данных формы и отправить их через axios.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


В вашей функции handleSubmit вы можете использовать класс FormData, например:
handleSubmit (event) {
event.preventDefault()
let formData = new FormData(event.target)
axios.post('/user', formData).then(response => ...).catch(error => ...)
}