uni-app接口封装

在uni-app中，可以通过以下步骤对接口进行封装：

1. 创建一个`utils/request.js`文件，引入`uni.request`方法，并导出`baseURL`和`request`方法。

export const baseURL = '基地址'
export const request = (options) => {
    return new Promise((resolve, reject) => {
        uni.request({
            url: baseURL + options.url, //接口地址：前缀+方法中传入的地址
            method: options.method || 'GET', //请求方法：传入的方法或者默认是“GET”
            data: options.data || {}, //传递参数：传入的参数或者默认传递空集合
            header: {
                'token': uni.getStorageSync("token") || "" //自定义请求头信息
            },
            success: (res) => {
                console.log(res, uni.getStorageSync('token'));
                //返回的数据（不固定，看后端接口，这里是做了一个判断，如果不为true，用uni.showToast方法提示获取数据失败)
                if (res.data.code == 1) {
                    resolve(res.data.data)
                } else {
                    if (res.data.code == 401) {
                        uni.navigateTo({ url:'/login/login' })
                        uni.clearStorageSync()
                    }
                    reject(res.data.msg)
                }
                // 如果不满足上述判断就输出数据
            },
            // 这里的接口请求，如果出现问题就输出接口请求失败
            fail: (err) => {
                console.log(err)
                reject(err)
            }
        })
    })
}

2. 在需要使用接口的地方，引入`request`方法，并进行封装。

// 在uniapp中调用接口的时候，如果需要在一进页面就请求数据就放到生命周期钩子里面
onLoad() {
    this.$rqt.loginIn().then(res=>{
        console.log(res)
    })
}

// 如果有参数的话，可以写在loginIn方法的参数里面
// 如果需要自己请求参数，可以写到方法里面

3. 创建一个`api/index.js`文件，引入`request`方法，并编写具体的接口请求方法。

import { request } from '@/utils/request.js'
// 获取论坛类型 /api/forum/ftype/index
export const getForumType = (page, rows) => request({
    url: 'forum/ftype/index',
    method: 'post',
    data: { page, rows }
})

通过以上步骤，你可以在uni-app中对接口进行封装，方便统一管理和调用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [uniapp 接口封装](https://blog.csdn.net/m0_46846526/article/details/126362687)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [uniapp封装接口](https://blog.csdn.net/zhuxiaolong1234/article/details/127816166)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]