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);
      }
    });

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

相关推荐
yinke小琪4 分钟前
JavaScript DOM节点操作(增删改)常用方法
前端·javascript
枣把儿8 分钟前
Vercel 收购 NuxtLabs!Nuxt UI Pro 即将免费!
前端·vue.js·nuxt.js
望获linux9 分钟前
【Linux基础知识系列】第四十三篇 - 基础正则表达式与 grep/sed
linux·运维·服务器·开发语言·前端·操作系统·嵌入式软件
爱编程的喵11 分钟前
从XMLHttpRequest到Fetch:前端异步请求的演进之路
前端·javascript
喜欢吃豆13 分钟前
深入企业内部的MCP知识(三):FastMCP工具转换(Tool Transformation)全解析:从适配到增强的工具进化指南
java·前端·人工智能·大模型·github·mcp
豆苗学前端16 分钟前
手把手实现支持百万级数据量、高可用和可扩展性的穿梭框组件
前端·javascript·面试
不见_16 分钟前
不想再写周报了?来看看这个吧!
前端·命令行
yinke小琪19 分钟前
JavaScript 事件冒泡与事件捕获
前端·javascript
pany20 分钟前
写代码的节奏,正在被 AI 改写
前端·人工智能·aigc
liliangrong77723 分钟前
ES2025新特性详解
前端