uniapp配置网络请求

网络请求

自己配置的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异步，简单明了