网络请求
自己配置的uni网络请求
由于平台的限制,小程序项目中不支持 axios,而且原生的 uni.request()
API 功能较为简单,不支持拦截器等全局定制的功能。因此,建议在 uni-app 项目中使用 @escook/request-miniprogram
第三方包发起网络数据请求。
请参考 @escook/request-miniprogram 的官方文档进行安装、配置、使用 官方文档:https://www.npmjs.com/package/@escook/request-miniprogram
最终,在项目的 main.js
入口文件中,通过如下的方式进行配置:
注意:baseUrl是请求的根路径,要根据实际获取数据的路径配置
import { $http } from '@escook/request-miniprogram'
uni.$http = $http// 配置请求根路径$http.baseUrl = 'https://www.baidu.com'
// 请求开始之前做一些事情$http.beforeRequest = function (options) { uni.showLoading({ title: '数据加载中...', })}
// 请求完成之后做一些事情$http.afterRequest = function () { uni.hideLoading()}
实际中发起请求
用async和await异步,简单明了