Axios 中的相关参数

打印 上一主题 下一主题

主题 725|帖子 725|积分 2175

在 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企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

魏晓东

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表