axios中文网|axios API 中文文档 | axios
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中
1 下载axios包:
npm install --save axios
2 项目引入axios
import Axios from 'axios';
let baseUrl = 'http://localhost:8080';
let axios = Axios.create({
baseURL: baseUrl,
timeout: '15000', //请求超时时间
headers: {'X-Custom-Header': 'foobar'} //header传值,例如:Authorization
})
3 拦截器
//添加请求拦截器
axios.interceptors.request.use(function(config){
//在发送请求之前做某事
return config;
},function(error){
//请求错误时做些事
return Promise.reject(error);
});//添加响应拦截器
axios.interceptors.response.use(function(response){
// console.log(response);
//对响应数据做些事
if(response.data.code === 0) {
return response.data;
}else if(response.data.code === 1) {
return response.data;
}
},function(error){
//请求错误时做些事
return Promise.reject(error);
})
4 将新建的axiost添加到全局使用
在react: window.Axios = axios;
在vue: Vue.prototype.$axios = axios;
5 get方式
window.Axios.get(url, {params: { 'key': 'value' }}).then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
});//对应服务端获取数据
let params = request.query;//解析数据 获得Json对象
let value = params.key;//通过参数名称获得参数值
6 post方式
window.Axios.get(url, { 'key': 'value' }).then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
});//对应服务端获取数据
let params = request.body;//解析数据 获得Json对象
let value = params.key;//通过参数名称获得参数值