axios的四种请求方式以及参数设置详解

最新推荐文章于 2024-05-02 14:26:53 发布

我真卷不动啦。。。

最新推荐文章于 2024-05-02 14:26:53 发布

阅读量612

点赞数 9

分类专栏：前端技术点文章标签：前端 ajax

本文链接：https://blog.csdn.net/m0_60817860/article/details/135638624

版权

前端技术点专栏收录该内容

8 篇文章 0 订阅

订阅专栏

GET 请求：

url (string): 请求的 URL 地址。
params (object): 请求的查询参数对象。
headers (object): 请求头对象。
timeout (number): 请求超时时间。
withCredentials (boolean): 是否携带跨域请求的凭证。
cancelToken (CancelToken): 用于取消请求的 CancelToken 对象。
responseType (string): 响应数据的类型。
onUploadProgress (function): 用于上传进度监听的回调函数。
onDownloadProgress (function): 用于下载进度监听的回调函数。

axios.get(url, {
  params: {
    key1: value1,
    key2: value2
  },
  headers: {
    'Content-Type': 'application/json'
  },
  timeout: 5000,
  withCredentials: true,
  cancelToken: cancelTokenSource.token,
  responseType: 'json',
  onUploadProgress: function(progressEvent) {
    // 上传进度监听回调函数
  },
  onDownloadProgress: function(progressEvent) {
    // 下载进度监听回调函数
  }
});

POST 请求：

url (string): 请求的 URL 地址。
data (any): 请求的数据。
params (object): 请求的查询参数对象。
headers (object): 请求头对象。
timeout (number): 请求超时时间。
withCredentials (boolean): 是否携带跨域请求的凭证。
cancelToken (CancelToken): 用于取消请求的 CancelToken 对象。
responseType (string): 响应数据的类型。
onUploadProgress (function): 用于上传进度监听的回调函数。
onDownloadProgress (function): 用于下载进度监听的回调函数。

axios.post(url, data, {
  params: {
    key1: value1,
    key2: value2
  },
  headers: {
    'Content-Type': 'application/json'
  },
  timeout: 5000,
  withCredentials: true,
  cancelToken: cancelTokenSource.token,
  responseType: 'json',
  onUploadProgress: function(progressEvent) {
    // 上传进度监听回调函数
  },
  onDownloadProgress: function(progressEvent) {
    // 下载进度监听回调函数
  }
});

PUT 请求：

url (string): 请求的 URL 地址。
data (any): 请求的数据。
headers (object): 请求头对象。
timeout (number): 请求超时时间。
withCredentials (boolean): 是否携带跨域请求的凭证。
cancelToken (CancelToken): 用于取消请求的 CancelToken 对象。
responseType (string): 响应数据的类型。
onUploadProgress (function): 用于上传进度监听的回调函数。
onDownloadProgress (function): 用于下载进度监听的回调函数。

axios.put(url, data, {
  headers: {
    'Content-Type': 'application/json'
  },
  timeout: 5000,
  withCredentials: true,
  cancelToken: cancelTokenSource.token,
  responseType: 'json',
  onUploadProgress: function(progressEvent) {
    // 上传进度监听回调函数
  },
  onDownloadProgress: function(progressEvent) {
    // 下载进度监听回调函数
  }
});

DELETE 请求：

url (string): 请求的 URL 地址。
params (object): 请求的查询参数对象。
headers (object): 请求头对象。
timeout (number): 请求超时时间。
withCredentials (boolean): 是否携带跨域请求的凭证。
cancelToken (CancelToken): 用于取消请求的 CancelToken 对象。
responseType (string): 响应数据的类型。
onUploadProgress (function): 用于上传进度监听的回调函数。
onDownloadProgress (function): 用于下载进度监听的回调函数。

axios.delete(url, {
  params: {
    key1: value1,
    key2: value2
  },
  headers: {
    'Content-Type': 'application/json'
  },
  timeout: 5000,
  withCredentials: true,
  cancelToken: cancelTokenSource.token,
  responseType: 'json',
  onUploadProgress: function(progressEvent) {
    // 上传进度监听回调函数
  },
  onDownloadProgress: function(progressEvent) {
    // 下载进度监听回调函数
  }
});