uni.request封装方法,方便以后直接复制拿来用

api.js:

const BASE_URL = 'https://stc.sealtech.com.cn/doc'
export const myRequest = (options) => {
	return new Promise((resolve, reject) => {
		uni.showLoading({
			title: '数据加载中...'
		})
		uni.request({
			url: BASE_URL + options.url,
			method: options.method || 'GET',
			data: options.data || {},
     		header: options.header|| {},
			success: (res) => {
				uni.hideLoading()
				// console.log(res)
				// if(res.data.code!== 200) {
				// return uni.showToast({
				//  title:'获取数据失败',
				// 	})
				//  }
				resolve(res.data)
			},
			fail: (err) => {
				uni.showToast({
					title: '请求接口失败'
				})

				reject(err)
			}
		})
	})
}

main.js全局引入myRequest:

import {myRequest} from './util/api.js'
Vue.prototype.$myRuquest = myRequest

// 请求拦截器
// myRequest.beforeRequest = function (options) {
//   uni.showLoading({
//     title:'数据加载中...'
//   }) 
// }

// // 响应拦截器
// myRequest.afterRequest = function () {
//   uni.hideLoading()
// }

// 封装弹框的方法
uni.$showMsg = function(title="请求数据失败", duration=2000, icon = 'none') {
	uni.showToast({
		title,
		duration,
		icon
	})
}

index.vue页面请求接口:

// 获取轮播图片
			async getSwipers() {
				// var _ts = this;
				// var atoken = 'Bearer ' + _ts.token;
				const res = await this.$myRuquest({
					url: '/api/Home/GetSwiperList',
					//method: 'put', // 默认是get,如果接口方法是post或者put就要指定method
						// 带参数的情况
				// data: {
					// 	page: this.currpagination,
					// 	size: this.sizeCurr
					// },
						// 传token的情况
					// header: {
					// 	"Authorization": atoken
					// },
				})
				this.Swipersdata = res.data
				if (res.code !== 200) {
					return uni.$showMsg()
				}
			},
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值