通过axios发送HTML表单

Question

在我的 vue 应用程序中，<form>当我点击提交时，它会发送正确的数据，但它不会在请求上设置身份验证标头。我将 axios 配置为在每个请求上附加这些标头，因此我需要通过 axios 发送数据。

从 axios 文档我知道我可以发布这样的数据

axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })

@submit.prevent="handleSubmit我也知道我可以通过添加到表单帖子上运行自定义函数<form>。

我无法解决的是如何从表单输入中获取所有值并通过 axios 发送它。

Answer 1

在您的handleSubmit函数中，您可以使用 FormData 类，例如：

handleSubmit (event) {
    event.preventDefault()
    let formData = new FormData(event.target)
    axios.post('/user', formData).then(response => ...).catch(error => ...)
}