vueJs + axios简单的接口管理

1.创建一个newAxios.js的文件

import  axios from 'axios'

const withAxios = apiConfig =>{
  const  serviceMap = {};
  apiConfig.map(({name,url,method})=>{
   serviceMap[name] = async  function(data={}) {
     let key = "params";
     if (method === 'post' ||　method === 'put'){
       key = "data"
     }
     return axios({
       method,
       url:'/api'+url,
       [key]:data
     })
   }
  });
  return serviceMap
};
export  default withAxios;

 

2.创建一个个tAxios.js的文件，该文件设置可用来管理不同的接口

import withAxios from './newAxios'

const apiConfig = [
  {
    name:'userLogin',
    url:'/login',
    method:'get'
  }
]

export  default withAxios(apiConfig);

3.在.vue文件中引用

import login from './getAxios'

login.userLogin().then((res)=>{})