uniapp接口封装

在uniapp中，可以通过封装接口来方便地进行接口调用和数据请求。下面是一个例子来说明如何封装uniapp接口。

首先，在`utils/request.js`文件中，可以定义`baseURL`作为接口请求的基地址，并导出`request`方法。该方法接收一个`options`参数，包括接口地址、请求方法、传递参数等等。在方法中，通过`uni.request`来发送请求，并返回一个Promise对象。在请求成功时，可以根据后端接口返回的数据进行相应的处理，例如判断返回结果的code值来决定是解析数据还是报错。在请求失败时，可以通过reject方法来抛出异常。

然后，在需要使用接口的地方，可以导入`request`方法，并通过调用该方法来发送请求。例如，在页面的生命周期钩子`onLoad`中调用接口，可以通过`this.$rqt.loginIn().then(res=>{ console.log(res) })`来发送请求。如果需要传递参数，可以将参数写在`loginIn`方法的参数中。建议在请求接口之前，可以使用PostMan等工具测试一下服务器是否能够正常获取数据。

最后，在`api/index.js`中，可以导入`request`方法，并使用该方法来发送请求。例如，通过`request({url: 'forum/ftype/index',method: 'post',data: {page,rows}})`来获取论坛类型。

通过以上方式，可以将uniapp接口进行封装，方便地调用和管理接口请求。<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 ]