axios接口封装

axios封装

 import JsonP from 'jsonp'
 import axios from 'axios'
 import { Modal } from 'antd'
 export default class Axios {
     static jsonp(options) {
         return new Promise((resolve, reject) => {
             JsonP(options.url, {
                 param: 'callback'
             }, function (err, response) {
                 if (response.status == 'success') {
                     resolve(response);
                 } else {
                     reject(response.messsage);
                 }
             })
         })
     }

     static ajax(options){
         let loading;
         if (options.data && options.data.isShowLoading !== false){
             loading = document.getElementById('ajaxLoading');
             loading.style.display = 'block';
         }
         let baseApi = 'https://www.xxxxxx.com/xx/5a7278e28d0c633b9c4adbd7/api';
         return new Promise((resolve,reject)=>{
             axios({
                 url:options.url,
                 method:'get',
                 baseURL:baseApi,
                 timeout:5000,
                 params: (options.data && options.data.params) || ''
             }).then((response)=>{
                 if (options.data && options.data.isShowLoading !== false) {
                     loading = document.getElementById('ajaxLoading');
                     loading.style.display = 'none';
                 }
                 if (response.status == '200'){
                     let res = response.data;
                     if (res.code == '0'){
                         resolve(res);
                     }else{
                         Modal.info({
                             title:"提示",
                             content:res.msg
                         })
                     }
                 }else{
                     reject(response.data);
                 }
             })
         });
     }
 }

调用：

 import axios from './../../axios/index'

     request =()=>{
       axios.ajax({
           url:'/table/list',
           data:{
               params:{
                   page:this.params.page
               },
               // isShowLoading:false
           }
       }).then((res)=>{
           console.log("res1",res)
           if(res.code == 0){
               this.setState({
                   dataSource2:res.result
               })
           }
       })
     }