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

Posted 2021-01-18 苏州城外的微笑

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

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

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

然后定义接口

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

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

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

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