通过axios发送HTML表单

Question

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

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

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

我也知道我可以通过在@submit.prevent="handleSubmit标签上添加<form>来在表单发布上运行自定义功能。

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

Answer 1

在public String getInitials() { String a = ""; a += firstName.charAt(0); a += lastName.charAt(0); return a; } 函数中，可以使用FormData类，例如：

handleSubmit