axios.delete的参数使用详解

发布时间：2023-05-23

一、请求方法及其参数介绍

axios.delete() 是 axios 库中用来发送 DELETE 请求的方法，它也是目前前端比较常用的请求方法之一。DELETE 请求的主要作用是删除服务器上资源。axios.delete() 中的参数主要有 URL、config 这两种类型。

二、URL参数

URL 即 Uniform Resource Locator 统一资源定位符。它是一个特定的字符串，用于标识互联网上的资源。在 axios.delete() 方法中，URL 参数可以是一个字符串，也可以是一个对象。当 URL 参数是一个字符串时，代表请求的服务器地址；当 URL 参数是一个对象时，代表请求的服务器地址和查询参数。

// 使用字符串传参
axios.delete('/api/deleteItem?id=1')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });
// 使用对象传参
axios.delete('/api/deleteItem', {
  params: {
    id: 1
  }
})
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

三、config参数

config 参数是一个包含各种请求选项的配置对象。它可以设置请求头、请求参数等。axios.delete() 方法也支持 config 参数。

axios.delete('/api/deleteItem', {
  headers: {
    'Content-Type':'application/json'
  },
  params: {
    id: 1
  }
})
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

四、请求头参数

在 axios.delete() 方法中，可以通过设置请求头来传递信息。例如，可以使用 application/json 作为 Content-Type 来指定请求参数的类型。

axios.delete('/api/deleteItem', {
  headers: {
    'Content-Type':'application/json'
  },
  data: {
    id: 1
  }
})
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

五、请求参数

请求参数是在 HTTP 请求中传递的数据。在 axios.delete() 方法中，请求参数可以包含在 URL 中，也可以包含在 data 对象中。

// 使用URL传参
axios.delete('/api/deleteItem?id=1')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });
// 使用data传参
axios.delete('/api/deleteItem', {
  headers: {
    'Content-Type':'application/json'
  },
  data: {
    id: 1
  }
})
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

六、错误处理

在 axios.delete() 方法中，可以使用 .catch() 来捕获请求错误。例如，如果请求失败，则可以显示一个错误信息。

axios.delete('/api/deleteItem?id=1')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
    alert('请求失败，请重试！');
  });

总结

axios.delete() 方法是用于发送 DELETE 请求的方法，它可以使用 URL 参数、config 参数、请求头参数和请求参数。在使用该方法时，需要注意参数的格式和类型，保证请求能够正确地发送到服务器并获取预期结果。

推荐文章