axios基本介绍和简单应用

axios是一个基于promise的HTTP库，可以用在浏览器和node.js中
1、特征：
（1）、从浏览器中创建XMLHttpRequests；
（2）、在node.js创建http请求；
（3）、支持Promise API；
（4）、拦截请求和响应；
（5）、转换请求数据和响应数据；
（6）、取消请求；
（7）、自动转换JSON数据；
（8）、客户端支持防御XSRF；
2、支持浏览器
Chrome、Firefox、Safari、Opera、Edge、IE.
3、安装
使用npm: npm install axios
4、创建实例
//基本配置
var instance=axios.create({
baseURL:“http://api.example.com”
})
instance.defaults.timeout = 2500
instance.defaults.headers.common[“Authorization”]=AUTH_TOKEN

//添加请求拦截器
instance.interceptors.request.use(config=>{
//在发送之前做些什么
return config
},error=>{
//对请求错误做些什么
return Promise.reject(error)
})

//添加响应拦截器
instance.interceptors.response.use(response=>{
//对响应数据做些什么
return response
},error=>{
//对响应错误做些什么
return Promise.reject(error)
})

//axios发送函数
axiosPost(url,data){
instance.post(url,data).then(res=>{
console.log(res)
return res
}).catch(err=>{
console.log(err)
return err
})
}

//登陆
login(loginForm){
return axiosPost("/user/login",loginForm)
}

//获取用户信息
getUserInfo(token){
instance.defaults.headers.common[“Authorization”]=AUTH_TOKEN
return axiosPost("/user/info",token)
}