### 使用Axios POST 方法发送 FormData 当使用 Axios 发送 `POST` 请求并携带 `FormData` 类型的数据时，可以按照如下方式构建请求： 对于 Node.js 环境下的实现[^1]，可以通过创建一个新的 `FormData` 对象来装载待提交的数据项。遍历配置对象中的数据属性，并调用 `append()` 方法向表单追加键值对。随后更新请求头以指明媒体类型为多部分格式(`multipart/form-data`)，并通过指定边界字符串(boundary)确保服务器能够正确解析上传的内容。 ```javascript const axios = require('axios'); const FormData = require('form-data'); // 构建 formData 实例 const data = new FormData(); let tempData = { fieldname: 'value', }; for (let key in tempData) { data.append(key, tempData[key]); } // 设置自定义 header 和其他选项 const config = { headers: { 'Content-Type': `multipart/form-data; boundary=${data.getBoundary()}` } }; // 执行 HTTP 请求 axios({ url: '/upload_endpoint', method: 'post', data, ...config, }) .then(response => console.log('Success:', response)) .catch(error => console.error('Error:', error)); ``` 而在前端 Vue 应用程序中利用 Axios 进行相同操作，则不需要手动设置 Content-Type 头部信息，因为浏览器会自动处理 multipart 表单编码[^2]。只需要准备好要传递的对象，并将其作为参数传给 `qs.stringify()` 函数转换成 URL 编码串；或者直接将普通 JavaScript 对象赋值给 `data` 属性即可。 ```javascript import axios from 'axios'; import qs from 'qs'; let postPara = { access_token: sessionStorage.getItem('token'), // other fields... }; axios.post('/api/endpoint', qs.stringify(postPara), { headers: {'content-type': 'application/x-www-form-urlencoded'} }) .then(res => { // handle success }, err => { // handle failure }); ``` 需要注意的是，在某些情况下可能还需要额外安装依赖库如 `form-data` 或者引入辅助工具包像 `qs` 来帮助序列化复杂结构的数据体。