axios

2019-06-04  本文已影响0人  陈大事_code
  1. get/post两种简单的请求。
// 发送 POST 请求
// post => data
axios({
  method: 'post',
  url: '/user/12345',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
});
// get => params
axios({
  method:'get',
  url:'http://bit.ly/2mTM3nY',
  params:{
      id: 1
  }
})
  .then(function(response) {});
  1. 创建实例
 const instance = axios.create({
  // 请求配置   
   baseURL: 'https://some-domain.com/api/',
   timeout: 1000,
   headers: {'X-Custom-Header': 'foobar'},
   params:{},
   data:{},
   responseType: 'json'
   // 更多请求配置
 });
// 响应配置
{
    data:{},
    status:200,
    headers:{},
    config:{}
}

3.拦截器(常用)

​ 请求拦截/响应拦截。

 // 添加请求拦截器
 axios.interceptors.request.use(function (config) {
     // 在发送请求之前做些什么
     return config;
   }, function (error) {
     // 对请求错误做些什么
     return Promise.reject(error);
   });
 
 // 添加响应拦截器
 axios.interceptors.response.use(function (response) {
     // 对响应数据做点什么
     return response;
   }, function (error) {
     // 对响应错误做点什么
     return Promise.reject(error);
   });
上一篇下一篇

猜你喜欢

热点阅读