资料内容:
axios
1. axios是一个基于Promise的HTTP库
2. 使用Promise来处理异步操作
3. 安装方法:
axios请求方式
1. axios(config) 请求方式
2. axios.request(config) 请求方式
3. axios.get(url[, config]) 请求方式
4. axios.delete(url[, config]) 请求方式
5. axios.head(url[, config]) 请求方式
6. axios.post(url[, data[, config]) 请求方式
7. axios.put(url[, data[ config]) 请求方式
8. axios.patch(url[, data[, config]) 请求方式
发送并发请求
1. 有时候,可能会遇到需要同时发送两个或更多请求
1. 使用axios.all()方法,可以放入多个请求的数组
2. axios.all([])返回的结果是一个数组
使用axios.spread()方法可将数组[res1, res2]展开为res1,res2
直接使用数组索引的方式取出(常用)
axios的默认配置与常见配置选项
1. axios常见的配置选项
1. 请求地址: url: '/user'
2. 请求类型: method: 'get'
3. 请根路径: baseURL: 'http://www.mt.com/api'
4. 请求参数(get请求-URL查询对象): params: {id: 12}
当请求类型为get时,将查询对象中的属性和属性值以"?"开头拼接在url之后
5. 查询对象序列化函数: paramsSerializer: function(params){ }
6. 请求参数(post请求): data: {key: 'aa'}
当请求类型为post时,需要用该配置传递属性
7. 跨域是否带Token: withCredentials: false
8. 超时设置: timeout: 1000
9. 请求前的入参处理: transformRequest: [ (data) => {} ]
10. 请求后的回参处理: transformResponse: [function(data){}]
npm install axios