uni-app开发小程序 使用@escook/request-miniprogram配置网络请求

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
		},
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值