uni.request封装
时间: 2023-09-07 15:18:16 浏览: 116
uni.request封装是指将uni.request接口进行二次封装,以便在开发uni-app项目时能够更方便地进行网络请求。通过封装,可以减少代码重复,提高代码的可维护性和可读性。
在封装uni.request时,可以参考Vue项目中的this.$axios.get(url, data).then()的格式,以实现统一的请求方式。可以创建一个api.js文件,用来调用封装好的uni.request,并统一管理请求接口。在api.js中,可以定义各个请求的样式,包括请求的URL、请求方式、请求数据等。
例如,在api.js中可以定义一个classifyLeft方法,该方法通过调用封装的uni.request来发送GET请求,并传递相应的请求数据。这样,在后续的开发中,只需要在页面中调用api.js中的请求方法即可实现网络请求。
示例代码如下:
```javascript
import Request from '@/utils/requset.js'
let request = new Request().http
export default {
classifyLeft: function(data) {
return request({
url: "/category/list",
method: "GET",
data: data
})
},
}
```
通过这样的封装,可以使网络请求的代码更加简洁,同时也方便了接口的管理和维护。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [uni-app uni.request接口封装](https://download.csdn.net/download/weixin_38650150/14043765)[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_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [uniapp封装uni.request网络请求](https://blog.csdn.net/mostrichman/article/details/130409476)[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_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [记录转载:uni-app 请求 uni.request封装使用](https://blog.csdn.net/qq_40716795/article/details/125270838)[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_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]
阅读全文