3分钟让你学会axios在vue项目中的基本用法（建议收藏）

Axios酸狗来教你

提示：本篇详解axios在vue项目中的实例。在使用Vue.js框架开发前端项目时，会经常发送ajax请求服务端接口，在开发过程中，需要对axios进一步封装，方便在项目中的使用。

---

文章目录

• Axios酸狗来教你
• Axios简介
• 一、axios是干啥的
• 二、安装使用
• 三、Axios请求方式
• • 1、axios可以请求的方法：
  • 2、get请求
  • 3、post请求
  • 4、put和patch请求
  • 5、delete请求
  • 6、并发请求
• 四、Axios实例
• • 1、创建axios实例
  • 2、axios全局配置
  • 3、axios实例配置
  • 4、axios请求配置
• 五、拦截器
• • 1、请求拦截器
  • 2、响应拦截器
  • 3、取消拦截
• 六、错误处理
• 七、取消请求
• 结语

---

Axios简介

axios框架全称（ajax – I/O – system）：

• 基于promise用于浏览器和node.js的http客户端，因此可以使用Promise API

一、axios是干啥的

说到axios我们就不得不说下Ajax。在旧浏览器页面在向服务器请求数据时，因为返回的是整个页面的数据，