uni app 小程序 request 的封装

小程序里面没有axios

1.代码: utils/requset.js     

主要: 将request 挂载到实例原型上, 可以使用this.request 使用

   // 引入vue
	 import Vue from 'vue'
	const BASE_URL = "https://api-hmugo-web.itheima.net/api/public/v1/"
async function request({
	url,
	method = "get",
	data = {},
	header = {}
}) {
	// 请求头
	// 加载
	uni.showLoading({
		title: '加载中'
	})
	const res = await uni.request({
		url: BASE_URL + url,
		header,
		method,
		data
	})
	// 停止加载
	uni.hideLoading()
	if (res.data.meta.status === 200) {

		return {
			data: res.data.message,
			msg: res.data.meta.msg
		}
	} else {
		return Promise.reject(res.data.meta.msg)
	}
}
// 挂载到实例原型上,  可以使用this.request 使用
Vue.prototype.request = request
export default request

2.在全局 mian.js里面注册

// 引入 request 
import 'utils/requset.js'

3.在页面中使用  ,  使用this.request发请求拿数据

	export default {
     async onLoad(){
		 const res = await this.request({url:'home/swiperdata'})
		 console.log(res)
	  }
	}