失效链接处理 |
ZPromise的Axios HTTP库详解及应用实践-掌握APIh的最?jng)_?PDF 下蝲
相关截图Q?/strong>
![]()
主要内容Q?/strong>
axios
1. axios是一个基?/span>Promise?/span>HTTP?/span>
2. 使用Promise来处理异步操?/span>
3. 安装Ҏ(gu)Q?/span>
axiosh方式
1. axios(config) h方式
2. axios.request(config) h方式
3. axios.get(url[, config]) h方式
4. axios.delete(url[, config]) h方式
5. axios.head(url[, config]) h方式
6. axios.post(url[, data[, config]) h方式
7. axios.put(url[, data[ config]) h方式
8. axios.patch(url[, data[, config]) h方式
发送ƈ发请?/strong>
1. 有时候,可能会遇到需要同时发送两个或更多h
1. 使用axios.all()Ҏ(gu)Q可以放入多个请求的数组
2. axios.all([])q回的结果是一个数l?/strong>
使用axios.spread()Ҏ(gu)可将数组[res1, res2]展开?/span>res1Q?/span>res2
直接使用数组索引的方式取出(常用Q?/span>
axios的默认配|与常见配置选项
1. axios常见的配|选项
1. h地址Q?nbsp;url: '/user'
2. hcdQ?nbsp;method: 'get'
3. h路径Q?nbsp;baseURL: 'http://www.mt.com/api'
4. h参数Q?/span>geth-URL查询对象Q: params: {id: 12}
当请求类型ؓgetӞ查询对象中的属性和属性g"?"开头拼接在url之后
5. 查询对象序列化函敎ͼ paramsSerializer: function(params){ }
6. h参数Q?/span>posthQ: data: {key: 'aa'}
当请求类型ؓpostӞ需要用该配|传递属?/span>
7. 跨域是否?/span>TokenQ?nbsp;withCredentials: false
8. 时讄Q?nbsp;timeout: 1000
9. h前的入参处理Q?nbsp;transformRequest: [ (data) => {} ]
10. h后的回参处理Q?nbsp;transformResponse: [function(data){}]
npm install axios
|