uni-app uView UI API集中管理多模块方案(多个JS文件)

uView UI API集中管理文档链接：https://uviewui.com/js/apiManage.html

根据 uView 文档创建 common 目录，并在目录中创建 http.api.js 和 http.user.api.js 文件。

http.api.js

// 引入 User 模块  
import User from "./http.user.api.js";  

const install = (Vue, vm) => {    
    vm.$u.api = {  
        User:User(vm)   // 将 vm 对象传递到 User 模块中  
        // 参考 User 模块方式增加其它模块  
    };  
}  

export default {  
    install  
}

http.user.api.js

// 创建 User 模块方法，方法内的方法共享 vm 对象  
let User = (vm)=>{  
    return {  
        getSearch:(params = {}) => {  
            return vm.$u.get('接口地址', params)  
        }  
    }  
}  

// 抛出当前模块  
export default User

index.vue 页面调用

// 调用getSearch接口  
this.$u.api.User.getSearch({  
    token:'uView-helang'  
}).then(res => {  
    console.log(res);  
})

博主CSDN博客原文链接：https://blog.csdn.net/u013350495/article/details/113853875