纪录 关于axios封装

空话不多说,直接上代码,本人也是菜鸡 假如有什么不对请指教~
ps: message为iview组件的插件 按需引入。


// 引入axios
import axios from 'axios';
import { Message } from 'iview'
import store from './../store'
import router from './../router'


if (process.env.NODE_ENV == 'development') {    
  axios.defaults.baseURL = '/api';} 
else if (process.env.NODE_ENV == 'debug') {    
  axios.defaults.baseURL = '';
} 
else if (process.env.NODE_ENV == 'production') {    
  axios.defaults.baseURL = './';
}


axios.defaults.timeout = 60000; //设置要求时候

// 相应拦截器
axios.interceptors.response.use(    
  response => {   
      // 假如返回的状况码为0000,申明要求数据胜利(注:0000是我和公司背景商定的状况码,详细的因时制宜)     
      // 不然的话抛出毛病{  
          if(response.data.retCode != '0000'){
            store.commit('common/defaultEntity', {
              retCode: response.data.retCode,
              retMsg: response.data.retMsg
            })
            router.push({ path: '/error'}); 
          }
          return Promise.resolve(response);      
  },  
  error => {
    store.commit('common/defaultEntity', {
      retCode: error.response.status,
      retMsg: '要求不存在'
    })
    router.push({ path: '/error'});   
    return Promise.reject(error.response);
  }    
);




/**
 * 封装get要领
 * @param url
 * @param data
 * @returns {Promise}
*/
export function fetch(url,params={}){
    return new Promise((resolve,reject) => {
      axios.get(url,{
        params:params
      })
      .then(response => {
        resolve(response.data);
      })
      .catch(err => {
        reject(err)
      })
    })
  }
/**
 * 封装post要求
 * @param url
 * @param data
 * @returns {Promise}
 */

 export function post(url,data = {}){
   return new Promise((resolve,reject) => {
     axios.post(url,data).then(response => {
        resolve(response.data);
        },err => {
        reject(err)
        })
    })
 }
    原文作者:凉薄pc
    原文地址: https://segmentfault.com/a/1190000018985696
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞