赞
踩
由于平台的限制,小程序项目中不支持 axios,而且原生的 wx.request()
API 功能较为简单,不支持拦截器等全局定制的功能。因此,建议在 uni-app 项目中使用 @escook/request-miniprogram
第三方包发起网络数据请求。
请参考 @escook/request-miniprogram 的官方文档进行安装、配置、使用
官方文档:https://www.npmjs.com/package/@escook/request-miniprogram
最终,在项目的 main.js
入口文件中,通过如下的方式进行配置:
- import { $http } from '@escook/request-miniprogram'
-
- uni.$http = $http
- // 配置请求根路径
- $http.baseUrl = 'https://www.uinav.com'
-
- // 请求开始之前做一些事情
- $http.beforeRequest = function (options) {
- uni.showLoading({
- title: '数据加载中...',
- })
- }
-
- // 请求完成之后做一些事情
- $http.afterRequest = function () {
- uni.hideLoading()
- }
如何使用???
- async getSwiperList() {
- const {data: res} = await uni.$http.get('/api/public/v1/home/swiperdata')
- this.swiperList = res.message
- console.log(this.swiperList)
- }
赞
踩
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。