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)=>{})