axios不同请求传参的不同格式详解

Axios是一个基于Promise的HTTP客户端，可以用于浏览器和Node.js平台。Axios支持多种请求参数的格式，下面列举了常见的请求参数格式：

1. GET请求参数放在URL后面

GET请求的参数通常放在URL后面，格式为?key=value。比如：

axios.get('/api/user?name=John&age=20')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

2. POST请求的参数放在请求体中

POST请求的参数通常放在请求体中，格式有多种，下面列举了几种常见的格式：

（1）application/x-www-form-urlencoded

这是浏览器默认的表单提交方式，参数格式为key1=value1&key2=value2。可以使用qs库将对象序列化为该格式。比如：

import qs from 'qs';

axios.post('/api/user', qs.stringify({ name: 'John', age: 20 }))
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

（2）application/json

这是常用的JSON格式，参数为一个JSON对象。比如：

axios.post('/api/user', {
    name: 'John',
    age: 20
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

（3）multipart/form-data

这是用于上传文件的格式，参数为一个FormData对象。比如：

const formData = new FormData();
formData.append('file', file);

axios.post('/api/upload', formData, {
    headers: {
      'Content-Type': 'multipart/form-data'
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

以上就是Axios不同请求传参的不同格式详解。