ToB企服应用市场:ToB评测及商务社交产业平台

标题: Axios 中的相关参数 [打印本页]

---

作者: 魏晓东    时间: 2024-10-26 16:24
标题: Axios 中的相关参数
在 Axios 中，发起 HTTP 请求时你可以使用多种参数来配置请求的行为。以下是一些主要的参数：
1. url

• 形貌：请求的 URL。
  
• 示例：axios.get('/api/users')
  

2. method

• 形貌：HTTP 请求的方法，可以是 GET, POST, PUT, DELETE 等。
  
• 示例：axios({ method: 'post', url: '/api/users' })
  
• 默认值：method没填那么默认是get
  

3. data

• 形貌：请求体中的数据，通常在 POST、PUT、PATCH 请求中使用。
  
• 示例：
  1. axios.post('/api/users', {
  2.   name: 'John Doe',
  3.   email: 'john.doe@example.com'
  4. });

  复制代码

4. params

• 形貌：URL 查询参数，通常在 GET 请求中使用。
  
• 示例：
  1. axios.get('/api/users', {
  2.   params: {
  3.     page: 1,
  4.     limit: 10
  5.   }
  6. });

  复制代码

5. headers

• 形貌：自定义请求头，用于传递特定的信息。
  
• 示例：
  1. axios.get('/api/users', {
  2.   headers: {
  3.     Authorization: 'Bearer your_token'
  4.   }
  5. });

  复制代码

6. timeout

• 形貌：请求超时时间，单位是毫秒。
  
• 示例：
  1. axios.get('/api/users', {
  2.   timeout: 5000 // 超过 5 秒请求失败
  3. });

  复制代码

7. responseType

• 形貌：指定服务器响应的数据范例，比方 arraybuffer, blob, document, json, text, stream 等。
  
• 示例：
  1. axios.get('/api/data', {
  2.   responseType: 'json'
  3. });

  复制代码

8. validateStatus

• 形貌：自定义用于判断响应状态码是否被视为乐成的函数，默以为 status >= 200 && status < 300。
  
• 示例：
  1. axios.get('/api/data', {
  2.   validateStatus: function (status) {
  3.     return status < 500; // 只要状态码小于 500 就视为成功
  4.   }
  5. });

  复制代码

9. auth

• 形貌：用于 HTTP 根自己份验证，包含 username 和 password。
  
• 示例：
  1. axios.get('/api/protected', {
  2.   auth: {
  3.     username: 'your_username',
  4.     password: 'your_password'
  5.   }
  6. });

  复制代码

10. withCredentials

• 形貌：指定是否跨域请求时发送 cookie 用于身份验证。默认值为 false。
  
• 示例：
  1. axios.get('/api/data', {
  2.   withCredentials: true
  3. });

  复制代码

11. onUploadProgress 和 onDownloadProgress

• 形貌：用于处理惩罚上传和下载进度的回调函数。
  
• 示例：
  1. axios.post('/api/upload', formData, {
  2.   onUploadProgress: progressEvent => {
  3.     const percentage = Math.round((progressEvent.loaded * 100) / progressEvent.total);
  4.     console.log(percentage);
  5.   }
  6. });

  复制代码

这些参数可以组合使用，以满足你的请求需求。详细使用时可以根据必要进行选择和配置。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4