标签：调用 success url 接口 failure api params key error

// 配置API接口地址
// var root = process.env.API_ROOT
import Vue from 'vue';
import Vuex from 'vuex';
import store from '../vuex/store'

Vue.use(Vuex);

var root
function url_check () {
  //域名
  var allLocal = window.parent.window.location.href;
  var local = allLocal.split("//")[1].split("/")[0];
  root='接口名称'
//  axios.defaults.headers['Content-Type']='application/json';  //此处是增加的代码，设置请求头的类型
}

// 引用axios
var axios = require('axios');
//var store = require('store');
axios.defaults.withCredentials=true //允许ajax携带cookie参数
// 自定义判断元素类型JS
function toType (obj) {
    console.log(obj);
  return ({}).toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase()
}
// 参数过滤函数
function filterNull (o) {
  for (var key in o) {
    if (o[key] === null) {
      delete o[key]
    }
    if (toType(o[key]) === 'string') {
      o[key] = o[key].trim()
    } else if (toType(o[key]) === 'object') {
      o[key] = filterNull(o[key])
    } else if (toType(o[key]) === 'array') {
      o[key] = filterNull(o[key])
    }
  }
  return o
}
/*
  接口处理函数
  这个函数每个项目都是不一样的，我现在调整的是适用于
  https://cnodejs.org/api/v1 的接口，如果是其他接口
  需要根据接口的参数进行调整。参考说明文档地址：
  https://cnodejs.org/topic/5378720ed6e2d16149fa16bd
  主要是，不同的接口的成功标识和失败提示是不一致的。
  另外，不同的项目的处理方法也是不一致的，这里出错就是简单的alert
*/
function apiAxios (method, url, params, success, failure,error) {
//    console.log(url);
  url_check()
//console.log(root);
  axios({
    method: method,
    url: url,
    data: method === 'POST' || method === 'PUT' ? params : null,
    params: method === 'GET' || method === 'DELETE' ? params : null,
    baseURL: root,
    withCredentials: true,
    headers:{
        'token':store.state.token  //允许携带token
    }
   
  })
    .then(function (res) {
      if (res.data.code == 0) {      
        if (success) {
          success(res.data)
        }
      } else {
        if (failure) {
          failure(res.data)
        } else {
          console.log('error: ' + JSON.stringify(res.data))
        }
      }
    })
    .catch(function (err) {
      // let res = err.response
      if(error){
        error(err)
      }
    })
}

// 返回在vue模板中的调用接口
export default {
  get: function (url, params, success, failure,error) {
    return apiAxios('GET', url, params, success, failure,error)
  },
  post: function (url, params, success, failure,error) {
    return apiAxios('POST', url, params, success, failure,error)
  },
  put: function (url, params, success, failure,error) {
    return apiAxios('PUT', url, params, success, failure,error)
  },
  delete: function (url, params, success, failure,error) {
    return apiAxios('DELETE', url, params, success, failure,error)
  }
}

标签：调用,success,url,接口,failure,api,params,key,error
来源： https://www.cnblogs.com/liujiajiablog/p/10335766.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。