当前位置:   article > 正文

小程序-uni-app开发下,一些工具的使用_uniapp常见工具类

uniapp常见工具类

网络请求工具  @escook/request-miniprogram

由于平台的限制,小程序项目中不支持 axios,而且原生的 wx.request() API 功能较为简单,不支持拦截器等全局定制的功能。因此,建议在 uni-app 项目中使用 @escook/request-miniprogram 第三方包发起网络数据请求。

请参考 @escook/request-miniprogram 的官方文档进行安装、配置、使用

官方文档:https://www.npmjs.com/package/@escook/request-miniprogram

最终,在项目的 main.js 入口文件中,通过如下的方式进行配置:

  1. import { $http } from '@escook/request-miniprogram'
  2. uni.$http = $http
  3. // 配置请求根路径
  4. $http.baseUrl = 'https://www.uinav.com'
  5. // 请求开始之前做一些事情
  6. $http.beforeRequest = function (options) {
  7. uni.showLoading({
  8. title: '数据加载中...',
  9. })
  10. }
  11. // 请求完成之后做一些事情
  12. $http.afterRequest = function () {
  13. uni.hideLoading()
  14. }

如何使用???

  1. async getSwiperList() {
  2. const {data: res} = await uni.$http.get('/api/public/v1/home/swiperdata')
  3. this.swiperList = res.message
  4. console.log(this.swiperList)
  5. }

本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/231243
推荐阅读
相关标签
  

闽ICP备14008679号