Axios请求（对ajax的二次封装）——Axios API、Axios实例、请求配置、Axios响应结构

Dorable_Wander

已于 2023-04-14 21:14:23 修改

阅读量1.4k

点赞数 3

分类专栏： Axios 文章标签： ajax javascript 前端 axios

于 2023-04-14 21:12:33 首次发布

本文链接：https://blog.csdn.net/xsl_hr/article/details/130159746

版权

本文介绍了Axios这个JavaScript库的基本用法，包括如何发起HTTP请求、创建axios实例以及配置请求参数。讨论了axios的API，如axios.create()用于定制实例，以及不同请求方法的别名。还详细阐述了axios的响应结构，帮助读者理解请求的完整响应信息。

摘要由CSDN通过智能技术生成

场景复现

最近学习与前端相关的小程序时，接触了异步请求api的封装和实现，涉及到了很多底层的基础知识，比如ajax和axios工具，因此计划用两个专栏来系统的学习关于axios和ajax的实用知识。
本期文章将重点介绍axios请求——Axios API、Axios实例、请求配置、Axios响应结构。

核心干货

在这里插入图片描述

🔥🔥🔥axios官方中文文档：https://axios-http.com/zh/
🔥🔥🔥ajax文档：https://www.runoob.com/ajax/ajax-tutorial.html

axios API

可以向axios传递相关配置来创建请求

axios(config)

// 发起一个post请求
axios({
   
  method: 'post',
  url: '/user/12345',
  data: {
   
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
});

// 在 node.js 用GET请求获取远程图片
axios({
   
  method: 'get',
  url: 'http://bit.ly/2mTM3nY',
  responseType: 'stream'
})
  .then(function (response) {
   
    response.data.pipe(fs.createWriteStream('ada_lovelace.jpg'))
  });

axios(url[,config])

// 发起一个 GET 请求 (默认请求方式)
axios('/user/12345');

请求方式别名

为了方便起见，已经为所有支持的请求方法提供了别名。

axios.request(config)
axios.get(url[, config])
axios.delete(url[, config])
axios.head(url[, config])
axios.options(url[, config])
axios.post(url[, data[, config]])
axios.put(url[, data[, config]])
axios.patch(url[, data[, config]])