笔记 前端需要了解的axios

特点：

1. axios 对原生xhr封装从Promise实现版本，符合最新es规范
2. Axios 是一个基于 promise 的 HTTP 库，支持promise所有的API
3. 它可以拦截请求和响应
4. 它可以转换请求数据和响应数据，并对响应回来的内容自动转换成 JSON类型的数据
5. 安全性更高，客户端支持防御 XSRF

以登录为例：

userLogin({commit},obj){
//console.log(obj)
return axios({
url:api.userLogin,//接口地址
method:'post',//请求方式
data:obj
}).then(resp=>{
console.log(resp)//请求返回的数据
sessionStorage.setItem('token',resp.data.token)//对数据进行操作
sessionStorage.setItem('clientId',resp.data.data.clientId)//对数据进行操作
commit('setUser',resp.data.data)//将数据存在vuex中
console.log(resp.data.data)
return resp.data
}).catch(err=>{
console.log(err)
})
}