在 Axios 中发送 POST 请求并携带参数通常有以下两种方式

文章目录

• [一、 JSON 格式传递参数](#一、 JSON 格式传递参数)
• [二、FormData 格式传递参数（包括文件上传）](#二、FormData 格式传递参数（包括文件上传）)
• 参考文档

一、 JSON 格式传递参数

• 如果你的后端接口期待接收 JSON 格式的请求体，可以这样做：
• 在这个例子中，data 对象会被转换成 JSON 并放在请求体（request body）中发送。

import axios from 'axios';

const data = {
  username: 'user1',
  password: '123'
};

axios.post('https://api.example.com/login', data)
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error('Error:', error);
  });

二、FormData 格式传递参数（包括文件上传）

• 如果需要上传文件或者以表单形式提交数据，可以使用 FormData 对象：
• 当使用 FormData 时，一般情况下不需要手动设置 Content-Type，因为 Axios 能够自动识别并设置正确的值。所以下面的 headers 也是可以省略的

let formData = new FormData();
formData.append('username', 'user1');
formData.append('file', fileInputElement.files[0]);

axios.post('https://api.example.com/upload', formData, {
  headers: {'Content-Type': 'multipart/form-data' } // 不指定时axios会自动设置
})
.then((response) => {
  // 处理响应
})
.catch((error) => {
  // 处理错误
});

参考文档

• 通义千问