VUE3.2post接口如何提交表单的body
时间: 2023-10-21 13:05:15 浏览: 127
在 Vue 3.2 中,你可以使用 `fetch` 或者 `axios` 等第三方库来发送 POST 请求并提交表单数据。
下面是使用 `fetch` 发送 POST 请求并提交表单数据的示例代码:
```javascript
const formData = new FormData();
formData.append('username', 'user1');
formData.append('password', 'password1');
fetch('/api/login', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
```
上述代码中,我们先创建了一个 `FormData` 对象,然后通过 `append` 方法向其中添加表单数据。接着,使用 `fetch` 函数向服务器发送 POST 请求,并将 `FormData` 对象作为请求体传递给服务器。
如果你想使用 `axios` 发送 POST 请求并提交表单数据,可以参考下面的示例代码:
```javascript
import axios from 'axios';
const formData = new FormData();
formData.append('username', 'user1');
formData.append('password', 'password1');
axios.post('/api/login', formData)
.then(response => console.log(response.data))
.catch(error => console.error(error));
```
上述代码中,我们使用了 `axios.post` 方法发送 POST 请求,并将 `FormData` 对象作为第二个参数传递给该方法。在响应结果中,我们可以通过 `response.data` 获取服务器返回的数据。
阅读全文