axios的基本特性
1.支持浏览器和node.js
2.支持promise
3.能拦截请求和响应
4.自动转换JSON
数据
get
axios.get('http://baidu.com').then(res => {
console.log(res);
}).catch(err => {
console.log(err);
})
get传递参数
1.通过URL
传递参数
2.通过params
选项传递参数
axios.get('http://baidu.com?id=123').then(res => {
console.log(res);
})
axios.get('http://baidu.com/123').then(res => {
console.log(res);
})
axios.get('/adata', {
params: {
id: 123
}
}).then(res => {
console.log(res);
})
post传递参数
通过选项传递参数,默认传递JSON
格式的数据
axios.post('/adata', {
uname: 'tom',
pwd: 123
}).then(res => {
console.log(res);
})
通过URLParams
传递参数
const params = new URLSearchParams();
params.append('uname', 'zs');
params.append('pwd', '123')
axios.post('/adata', params).then(res => {
console.log(res);
})
axios的响应结果
data:
实际响应回来的数据
headers:
响应头信息
status:
响应状态码
statusText
:响应状态信息
全局配置
axios.defaults.timeout = 5000;//超时时间
axios.defaults.baseURL = 'http://baidu.com/api';//默认地址
axios.defaults.header['token'] = 'qwqewerwerwqerwqer123wer23';//设置请求头
axios拦截器
//添加拦截器
axios.interceptors.request.use(config => {
//在这里对返回的数据进行处理
return config
}, err => {
console.log(err);//处理错误信息
})
网友评论