vue中把api挂载到全局下面

#vue中把api挂载到全局下面

在项目中我习惯把api分模块的放在api文件夹下面，在用的时候在引入就行了，但是这有一个问题就是在文件中如果需要用到很多的api的时候，就要一一引入。这样就显得特别的麻烦。所以我就想到把所有的api都统一引入，然后在挂载到全局下面，这样使用的时候就方便了很多

具体的方法就是在api下面创建一个index.js

const allApi = require.context('./', false, /.js$/) export default allApi

统一的引入api下面的方法

然后在main.js中引入allApi

allApi.keys().map(item => { Object.keys(allApi(item)).forEach(key => { Vue.prototype["$" + key] = allApi(item)[key]; }) })

在挂载到vue下面 这样我们在使用的使用直接this.$方法名就行了