（三）vue.js中api接口的统一管理（参考）

前文我们已经封装了axios的get请求和post请求，接下来实现对api接口的统一管理

首先在src/request/下新建api.js文件，然后引入封装的http.js（get，post）

/**
 * api接口统一管理
 */
import { get, post } from './http'
import Vue from 'vue'

然后定义接口

/**
 * testGet 接口
 * @param {Object} p 请求参数
 */
export const testGet = p => get(Vue.prototype.api + 'TestGet', p)

/**
 * testPost 接口
 * @param {Object} p 请求参数
 */
export const testPost = p => post(Vue.prototype.api + 'TestPost  ', p)

接口定义完成后可在组件中引入api.js并调用接口

//接口调用
import {
    testGet,
    testPost,
} from './../../../../request/api';