【vue】vue全局api

1. 全局api的实现方式

1.1. 实现步骤

首先，添加api-payForVerification.js

import { postService } from '../../service/axiosset'
import { urls } from '../urls'

/**
 * 详情
 * @param {*} param
 */
export function detail(param) {
  return postService(urls.payForVerification.detail, param)
}

/**
 * 列表
 * @param {*} param
 */
export function list(param) {
  return postService(urls.payForVerification.list, param)
}

然后，添加global-api.js文件（把这些接口都放到一块）

import * as apiPayForVerification from './logic/api-payForVerification'

export default {
  payForVerification: apiPayForVerification
}

最后，在main.js引入global-api.js

import globalApi from './api/global-api'
Vue.prototype.$apis = globalApi

1.2. 示例

调用接口的时候，除了按照常规方式引入调用：
import { list } from ‘@/api/logic/api-payForVerification’
还可以直接通过this来调用，无需引入任何东西：
this.$apis.payForVerification.list()