uni-app 封装 请求

最近开放uni-app 因为请求写烦了这里记录一个比较轻松的方法
原本的请求

uni.request({
	url:’‘,
	method: '',
	data: {},
	success: (res) => {
	},
});

只写一遍还好如果写太多就会让代码显得臃肿,阅读起来相当难受
请求封装这里书写
先定义一个js文件在哪里都可以还是建议在公共位置霞创建,文件里写最基本的request请求

const token = '' //token这里看需求
const apiUrl = 'http://www.hospatil.com/api/'

const baseRequest = (url,method,params) => {
	return new Promise((resolve, reject) => {
		uni.request({
			url: apiUrl + url,
			data:params,
			method:method,
			header: {
				'token':token//头部添加的内容美国
			}
		}).then((response)=>{
			let [error, res] = response;
			resolve(res.data);
		}).catch(error => {
            let [err, res] = error;
            reject(err)
        })
	 });
}

export default {
	baseRequest
}

定义之后在main.js里
在这里插入图片描述

import api from './resqust.js'
Vue.prototype.$api = api

之后就可以
在这里插入图片描述
使用

  this.$api.baseRequest('你的路由','请求方式(必须大写如GET,POST)',{传参(可以不传)}).then(res=>{
	   this.CommonDiseases = res.result.data
   }).catch(Error=>{
	   console.log('失败');
   })

这样就行了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值