axios请求
axios
基于 http 客户端的 promise,面向浏览器和 nodejs
特点
- 浏览器端发起 XMLHttpRequests 请求
- node 端发起 http 请求
- 支持 Promise API
- 监听请求和返回
- 转化请求和返回
- 取消请求
- 自动转化 json 数据
- 客户端支持抵御
安装
- npm 安装
$ npm install axios
- bower 安装
$ bower install axios
- 通过 cdn 引入
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
axios 常用的方法
- axios.get(url[, config]) //get 请求用于列表和信息查询
- axios.delete(url[, config]) //删除
- axios.post(url[, data[, config]]) //post 请求用于信息的添加
- axios.put(url[, data[, config]]) //更新操作
axios相关配置属性
url
是用于请求的服务器URL
method
是创建请求时使用的方法,默认是get
baseURL
将自动加在url
前面,除非url
是一个绝对URL。它可以通过设置一个baseURL
便于为axios实例的方法传递相对URL
transformRequest
允许在向服务器发送前,修改请求数据,只能用在'PUT','POST'和'PATCH'这几个请求方法
headers
是即将被发送的自定义请求头
headers:{'X-Requested-With':'XMLHttpRequest'},
params
是即将与请求一起发送的URL参数,必须是一个无格式对象(plainobject)或URLSearchParams对象
params:{
ID:12345
},
auth
表示应该使用HTTP基础验证,并提供凭据 这将设置一个Authorization
头,覆写掉现有的任意使用headers
设置的自定义Authorization
头
auth:{
username:'janedoe',
password:'s00pers3cret'
},
'proxy'定义代理服务器的主机名称和端口 auth
表示HTTP基础验证应当用于连接代理,并提供凭据 这将会设置一个Proxy-Authorization
头,覆写掉已有的通过使用header
设置的自定义Proxy-Authorization
头。
proxy:{
host:'127.0.0.1',
port:9000,
auth::{
username:'mikeymike',
password:'rapunz3l'
}
},
10 声望
1 粉丝
推荐阅读
内置对象string的方法
在js中,String和Array是同级的,都是js中的内置对象。因此String也像Array那样有很多操作的方法。注意:String对象的涵盖范围,它包含所有的字符串。1. 字符串对象的属性length(1) 表示字符串的长度。(就是这个...
王影阅读 902
前端如何实现下载后端返回的Blob文件?
一般我们实现下载功能时,很多时候都是通过后端返回的链接从服务器上把文件下载到本地,但当后端返回给我们的是一个Blob文件流时,我们应该怎么做?
起风了赞 2阅读 4.1k
接口响应错误码应该怎么设计?ChatGPT这么说
在做接口设计时,对于一些异常的响应如何处理一直是开发者们头疼的问题,不同的团队有不同的规定。有的团队会利用http状态码去表示各种情况的异常。有的团队会针对异常统一的返回200,然后在数据中增加一个code参...
imwty阅读 612
是时候该换掉你的axios了
axios是一个基于Promise的HTTP客户端,每周的npm下载量4000W+,如果回到在10年前,promise式的请求工具是一个很大的创新,它解决了请求繁琐的问题,在那个性能要求不那么高的年代可谓是一骑绝尘。但随着时间的推...
爱编程的小金阅读 524
axios 二次封装的两个小点(文件下载和 put 请求的 params 传参)
当 params 参数中包含有值为数组的属性时,其在URL中的格式如下:....&ArrName[]=val1&ArrName[]=val2&...而接口需要的参数格式往往如下:...&ArrName=val1&ArrName=val2&...可以在封装中...
小虫_top阅读 507
vue3之axios封装集成
最近在写admin项目时,想对axios方面进行一个彻底的重造,除了常规的错误信息拦截外,增加一些新的功能,目前已实现:loading加载、错误自动重试、错误日志记录、取消重复请求,中间也遇到过一些问题,这里记录下...
Zero阅读 488
axios请求超时,设置重新请求的完美解决方法
自从使用Vue2之后,就使用官方推荐的axios的插件来调用API,在使用过程中,如果服务器或者网络不稳定掉包了, 你们该如何处理呢? 下面我给你们分享一下我的经历。
TomTan阅读 346
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。