​

前言：

在编写vue里的项目时，必须要用和后台进行合作，始终绕不开对 axios 的使用 ，vue3 中 axios 进行了一些重要的更新，在这里分享给大家以供参考

一、axios的介绍

1.axios是什么？

• Axios 是一个基于 promise 的HTTP库，应用于浏览器端和node.js，前端最流行的 ajax 请求库
• Axios 在服务端它使用原生 node.jshttp 模块，而在客户端（浏览端）则使用 XMLHttpRequests
• Axios 可以拦截请求和响应、转换请求和响应数据、取消请求、自动转换 JSON 数据
• 参考文档：https://github.com/axios/axios
• Axios 安装方式：npm install axios

2.axios 特点

	 - 基于 xhr + promise 的异步 ajax 请求库
	 - 支持请求取消
	 - 批量发送多个请求
	 - 支持Promise API
	 - 客户端支持防御XSRF
	 - 浏览器端/node 端都可以使用
	 - 拦截请求与响应，比如：在请求前添加授权和响应前做一些事情。
	 - 转换请求数据和响应数据，比如：进行请求加密或者响应数据加密。

3.Axios浏览器支持

​

二、axios的配置项

三、axios的基础用法

axios的请求方法：get、post、put、patch、delete（常用的五种）

• get — 获取数据
• post — 提交数据（表单提交+文件上传）
• put — 更新数据（所有数据推送到后端）
• patch — 更新数据（只将修改的数据推送给后端）
• delete — 删除数据

1.发送一个get请求

2.提交数据（表单提交+文件上传）

3.delete删除数据

四、自定义创建实例并发送请求（包括拦截器）

五、axios请求错误处理

发送请求后，使用 .catch(error => {}) 来处理此次请求异常，请求成功发出且服务器也响应了状态码，但状态代码超出了 2xx 的范围

总结：

以上就是 axios 的安装及使用，还会持续发布一些新的功能，敬请关注。
我的其他文章：https://blog.csdn.net/m0_60150712?spm=1011.2124.3001.5343