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 请求中使用。

• 示例 ：

  axios.post('/api/users', {
    name: 'John Doe',
    email: '[email protected]'
  });

4. params

• 描述 ：URL 查询参数，通常在 GET 请求中使用。

• 示例 ：

  axios.get('/api/users', {
    params: {
      page: 1,
      limit: 10
    }
  });

5. headers

• 描述：自定义请求头，用于传递特定的信息。

• 示例 ：

  axios.get('/api/users', {
    headers: {
      Authorization: 'Bearer your_token'
    }
  });

6. timeout

• 描述：请求超时时间，单位是毫秒。

• 示例 ：

  axios.get('/api/users', {
    timeout: 5000 // 超过 5 秒请求失败
  });

7. responseType

• 描述 ：指定服务器响应的数据类型，例如 arraybuffer, blob, document, json, text, stream 等。

• 示例 ：

  axios.get('/api/data', {
    responseType: 'json'
  });

8. validateStatus

• 描述 ：自定义用于判断响应状态码是否被视为成功的函数，默认为 status >= 200 && status < 300。

• 示例 ：

  axios.get('/api/data', {
    validateStatus: function (status) {
      return status < 500; // 只要状态码小于 500 就视为成功
    }
  });

9. auth

• 描述 ：用于 HTTP 基本身份验证，包含 username 和 password。

• 示例 ：

  axios.get('/api/protected', {
    auth: {
      username: 'your_username',
      password: 'your_password'
    }
  });

10. withCredentials

• 描述 ：指定是否跨域请求时发送 cookie 用于身份验证。默认值为 false。

• 示例 ：

  axios.get('/api/data', {
    withCredentials: true
  });

11. onUploadProgress 和 onDownloadProgress

• 描述：用于处理上传和下载进度的回调函数。

• 示例 ：

  axios.post('/api/upload', formData, {
    onUploadProgress: progressEvent => {
      const percentage = Math.round((progressEvent.loaded * 100) / progressEvent.total);
      console.log(percentage);
    }
  });

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