1.因为小程序中无法使用axios,而wx.request功能过于简单,所以下载加强版网络请求包:
npm init -y 在项目根目录初始化package.json文件npm i @escook/request-miniprogram -S 下载网络请求包
2.打开main.js入口文件
import { $http } from '@escook/request-miniprogram'
//从网络请求包中引入$http请求对象
uni.$http = $http
//因为在其他的页面或组件中也要使用,所以要将$http对象挂载到全局对象下,在uni-app中,uni是全局对象
$http.baseUrl = 'https://www.baidu.com'
//配置网络请求基础地址,因为uni.$http为$http的引用,所以可以直接修改$http对象下的属性
$http.beforeRequest = function() {
//配置发起网络请求前的拦截功能
uni.showLoading({
title: '加载中...'
})
}
$http.afterRequest = function() {
//配置网络请求完毕后的拦截功能
uni.hideLoading()
}// 封装请求失败提示信息
uni.$showMsg = function(title='数据加载失败',duration=1500){
uni.showToast({
title,
duration,
icon:'none'
})
}
3.发起网络请求
async getFloorList(){
const {data:{message,meta}} = awa uni.$http.get('/api')
if(meta.status !== 200) return uni.$showMsg()
this.list= message
},
微信小程序开发出现:文件查找失败:‘@escook/request-miniprogram
于 2022-07-14 22:01:08 首次发布