axios的基本特性
axios 是一个基于Promise用于浏览器和node.js 的http客户端
它具有以下特征：
+ 支持浏览器和node.js
+ 支持Promise
+ 能拦截请求和相应
+ 自动转换JSON数据
代码：
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 <title>Document</title> 9 <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js"></script> 10 </head> 11 12 <body> 13 14 </body> 15 <script> 16 // get 17 // restful 形式 18 axios.get('http://localhost:3000/test3/12313') 19 .then(res => console.log(res.data)) 20 // 传统形式 21 axios.get('http://localhost:3000/test3?name=zhangsan&id=2313123') 22 .then(res => console.log(res.data)) 23 // params 形式 24 axios.get('http://localhost:3000/test3',{ 25 params:{ 26 name:'zhangsan', 27 id:'234242' 28 } 29 }) 30 .then(res => console.log(res.data)) 31 32 </script> 33 34 </html>
axios 的响应结果：
data: 实际响应回来的数据
headers： 响应头信息
status: 响应状态码
statusText:响应状态信息
axios 的全局配置：
超时时间：
axios.defaults.timeout = 3000
默认地址：
axios.defaults.baseURL = 'http://localhost:3000/app'
设置请求头：
axios.defaults.headers['token'] = '32fsd98u23fsdfsi23r'
请求拦截器
axios.interceptors.request.use(function (config){
// 在发出请求前进行以下信息设置
return config
})
响应拦截器
axios.interceptors.response.use(function (config){
// 在接收请求前进行以下信息设置
return config
})