axios

axios是什么

axios是基于promise机制实现的异步链式请求框架，体积小。

底层原理：promise+ajax

基本api

axios.get()get请求 获取数据

axios.post()post请求 提交数据

axios.put()put请求 更新数据

axios.delete() 删除数据

用法

对象使用：axios.get('url',params).then(response=>{

console.log(response)

})

函数使用：axios({

url:"url",

method:"method",

headers: {'X-Requested-With': 'XMLHttpRequest'},

}).then((res)=>{console.log(res)}).catch((err)=>{console.log(err)})

axios.defaults.baseURL = 'https://api.example.com';(设置基础路径)

拦截器

axios.interceptors.request.use()请求拦截器

axios.interceptors.response.use()响应拦截器

用法：

axios.interceptors.request.use((config)=>{

return config

},(error)=>{

return promise.reject(error)

})//两种拦截器用法一样。

axios创建实例

const instance = axios.create({

    baseURL:'https://some-domain.com/api/',

    timeout:1000,

    headers:{'X-Custom-Header':'foobar'}

)

用处：比如你需要访问多个服务地址，而这些服务请求和响应的结构都完全不同，那么你可以通过axios.create创建不同的实例来处理。

instance.get()

取消请求

axios.CancelToken()

let cancel

axios.get('url',{

cancelToken:new axios.CancelToken((c)=>{

    cancel = c//是取消当前请求的函数；保存起来，用于之后取消当前请求。

})

}).then(

    (res)=>{console.log(res)}

)