Api挂载

实际开发时，如果Api不是很多，可以把Api挂载到uni.$c.api上，方便管理维护。

后面使用时，直接使用uni.$c.api.xxx()即可。

实现

1、新建http.api.js，内容如下：

// http.api.js
function install(app) {
    const api = {};
    app.config.globalProperties.$c.api = api;
    const http = app.config.globalProperties.$c.http;

    // 示例
    api.getUserInfo = function (userId) {
        return http.get('/api/user/info', {params: {userId}});
    }
}

export default install

2、在main.js中引入即可

import App from "./App";
import {createSSRApp} from "vue";
import CookUni from "@/uni_modules/cook-uni";

// 引入Api
import HttpApi from "./http.api";

export function createApp() {
    const app = createSSRApp(App);
    CookUni(app);

    // 挂载Api
    HttpApi(app);

    return {
        app,
    };
}

3、在页面中使用

uni.$c.api.getUserInfo().then(res => {
    console.log(res)
}).then(err => {
    console.log(err)
})

Api挂载 ​

实现 ​

Api挂载

实现