前端多人协同开发时,api统一管理,防止api代码冲突
1. 在src目录下新建 api 文件夹
2. api文件夹下新建moudules文件夹 及 index.js
3. modules 里为模块接口 例如:a.js
import http from '../../utils/request/http.js'
//获取数据
const A = function (params) {
return http.post('/xxxx/xxxx', params)
}
//获取数据
const B = function (params) {
return http.post('/xxxx/xxxx', params)
}
export default {A,B}
4. b.js同上
5. index.js:
import A from './modules/a.js'
import B from './modules/b.js'
const url = {...A,...B}
export default url
6. main.js挂载:
import * as api from './api'
Vue.prototype.$api = api.default
7.调用:(方法名前加async)
let res = await this.$api.A({
"ps": {
"id": "1",
"name":'zs'
}
})
if(res){
//操作...
}