uni-app 封装请求函数

首先:创建目录request,并在该目录下创建 index.js 文件

const request = {
	login(url) {
		var that = this;
		return new Promise(function(reslove,reject) {
			uni.request({
				url:url,
				method:'POST',
			    header: {
			        'token': uni.getStorageSync('token') //自定义请求头信息
			    },
				success:(res)=>{
					console.log(res);
					if(res.data.tcode == 0) {
						reslove({'code':0,'msg':'未登录'})
						// that.code = 0
					}
					if(res.data.tcode == 1) {
						reslove(res.data)
					}
					// token 过期刷新
					if(res.data.tcode == 2) {
						uni.setStorageSync('token',res.data.token)
						uni.request({
							url:url,
							method:'POST',
							header: {
							    'token': uni.getStorageSync('token') //自定义请求头信息
							},
							success:(res)=>{
								reslove(res.data)
							}
						})
					}
					// token 失效
					if(res.data.tcode == 3) {
						reslove({'code':3,'msg':'token失效'})
						uni.setStorageSync('token','')
					}
					if(res.data.tcode == 4) {
						reslove({'code':4,'msg':'没有相关数据'})
						uni.setStorageSync('token','')
					}
				}
			})
		})
	}
}

export default request;

在main.js 文件中引入该模块,并创建实例

import request from './request/index.js'
Vue.prototype.$requst= request

使用方法如下 this.apiUrl+‘api/member/index’ 为请求路径

methods: {
	getData() {
		this.$requst.login(this.apiUrl+'api/member/index').then(res=> {
			console.log(res);
		})
	}
}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值