axios的基本使用

2023-05-19 09:31:20 浏览数 (1)

Axios提供了多种方法来发送不同类型的请求,包括GET、POST、PUT、DELETE等。

发送GET请求:

代码语言:javascript复制
axios.get("https://api.example.com/data")
  .then(function (response) {
    console.log(response.data);
    // 在这里处理返回的数据
  })
  .catch(function (error) {
    console.log(error);
    // 在这里处理请求错误
  });

发送POST请求:

代码语言:javascript复制
axios.post("https://api.example.com/data", { key1: value1, key2: value2 })
  .then(function (response) {
    console.log(response.data);
    // 在这里处理返回的数据
  })
  .catch(function (error) {
    console.log(error);
    // 在这里处理请求错误
  });

以上示例中,我们使用axios.get()方法发送一个GET请求,axios.post()方法发送一个POST请求。在.then()方法中处理成功的响应,在.catch()方法中处理请求错误。

请求配置

Axios允许您在发送请求时配置各种选项。以下是一些常用的请求配置选项:

  • method:请求方法,例如GET、POST等。
  • url:请求的URL。
  • data:要发送到服务器的数据,可以是对象、字符串或URLSearchParams对象。
  • params:要添加到URL的查询字符串参数。
  • headers:请求的头部信息。
  • timeout:请求超时时间。
  • auth:提供HTTP基本认证的用户名和密码。
  • responseType:期望的响应数据类型。
  • validateStatus:定义响应状态码的验证函数。

您可以根据需求配置这些选项,以满足特定的请求需求。

代码语言:javascript复制
axios({
  method: "post",
  url: "https://api.example.com/data",
  data: { key1: value1, key2: value2 },
  headers: {
    "Content-Type": "application/json",
    // 自定义请求头部
  }
})
  .then(function (response) {
    console.log(response.data);
    // 在这里处理返回的数据
  })
  .catch(function (error) {
    console.log(error);
    // 在这里处理请求错误
  });

0 人点赞