Vue中使用Axios发送FormData请求

在Vue中使用Axios发送FormData请求，你可以创建一个FormData对象，并使用Axios的post方法将其发送到服务器。以下是一个简单的例子：

import axios from 'axios';
 
// 假设你有一个表单数据需要发送
let formData = new FormData();
formData.append('key1', 'value1');
formData.append('file', yourFile); // 如果你需要上传文件
 
// 发送请求
axios.post('/your-api-endpoint', formData, {
    headers: {
        'Content-Type': 'multipart/form-data'
    }
})
.then(response => {
    // 处理响应
    console.log(response.data);
})
.catch(error => {
    // 处理错误
    console.error(error);
});

确保你的API端点/your-api-endpoint是正确的，并且替换yourFile为你需要上传的文件对象。如果你不需要上传文件，可以省略formData.append('file', yourFile);这一行。

注意，当你使用FormData发送请求时，你通常不需要设置Content-Type为application/json，因为FormData的默认Content-Type是multipart/form-data。如果你设置了Content-Type为application/json，并且发送了FormData，你可能会遇到问题。