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

  • 描述 :请求体中的数据,通常在 POSTPUTPATCH 请求中使用。

  • 示例

    javascript 复制代码
    axios.post('/api/users', {
      name: 'John Doe',
      email: 'john.doe@example.com'
    });

4. params

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

  • 示例

    javascript 复制代码
    axios.get('/api/users', {
      params: {
        page: 1,
        limit: 10
      }
    });

5. headers

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

  • 示例

    javascript 复制代码
    axios.get('/api/users', {
      headers: {
        Authorization: 'Bearer your_token'
      }
    });

6. timeout

  • 描述:请求超时时间,单位是毫秒。

  • 示例

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

7. responseType

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

  • 示例

    javascript 复制代码
    axios.get('/api/data', {
      responseType: 'json'
    });

8. validateStatus

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

  • 示例

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

9. auth

  • 描述 :用于 HTTP 基本身份验证,包含 usernamepassword

  • 示例

    javascript 复制代码
    axios.get('/api/protected', {
      auth: {
        username: 'your_username',
        password: 'your_password'
      }
    });

10. withCredentials

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

  • 示例

    javascript 复制代码
    axios.get('/api/data', {
      withCredentials: true
    });

11. onUploadProgressonDownloadProgress

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

  • 示例

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

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

相关推荐
子兮曰几秒前
⭐告别any类型!TypeScript从零到精通的20个实战技巧,让你的代码质量提升300%
前端·javascript·typescript
前端AK君几秒前
如何开发一个SDK插件
前端
cellurw几秒前
Day39 SQLite数据库操作与HTML核心API及页面构建
数据库·sqlite·html
小满xmlc1 分钟前
WeaveFox AI 重新定义前端开发
前端
日月晨曦2 分钟前
大文件上传实战指南:让「巨无霸」文件也能「坐高铁」
前端
bug_kada2 分钟前
防抖函数:从闭包入门到实战进阶,一篇文章全搞定
前端·javascript
拜无忧4 分钟前
css带有“反向圆角”的 Tab 凸起效果。clip-path
前端·css
月亮慢慢圆4 分钟前
Intersection Observer API
前端
薛定谔的算法4 分钟前
《虚拟 DOM 与 Diff 算法:用 1500 字把它讲成“人话”》
前端·react.js·前端框架