uni.app 请求接口二次封装

Posted fengshaopu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni.app 请求接口二次封装相关的知识,希望对你有一定的参考价值。

问题一、token过期

在这里插入图片描述

  1. 在这里是因为token得提交到header里面 所以我们在第一次封装的请求接口的时候

第一次封装的地址:

  1. uni.app第一次封装
  2. 因为要提交到herader里面后面的接口都要用到token相当于令牌 所以要进行二次分装
    1.在第一次封装的正确返回值下面在封装一次先把token值存到本地存储里面
    2.在封装跟上面一样即可

module.exports = { 	request(url, method, data) { 		uni.showLoading({ 			title: "加载中" 		}) 		return new Promise((resolve, reject) => { 			uni.request({
				url: 'http://api.intewl.cn/api' + url,
				method: method,
				header: {
					'token': uni.getStorageSync('token')
				},
				data: data,
				success(res) {
					uni.hideLoading()

	if (res.data.tcode == 2) {  //等于二的话就是过期了那么取出来在存进去让他自己刷新

						
						
							uni.setStorageSync("token", res.data.token)
				

						uni.request({
							url: 'http://api.intewl.cn/api' + url,
							method: method,
							header: {
								'token': uni.getStorageSync('token')
							},
							data: data,
							success(res) {
								resolve(res)

						}
						})
					}
					resolve(res)
				},
				fail(err) {
					reject(err)
				}

			}) 		}) 	} }

以上是关于uni.app 请求接口二次封装的主要内容,如果未能解决你的问题,请参考以下文章

Vue接口日常学习

VSCode自定义代码片段14——Vue的axios网络请求封装

VSCode自定义代码片段14——Vue的axios网络请求封装

VSCode自定义代码片段14——Vue的axios网络请求封装

pytest接口自动化测试框架 | 对requests进行二次封装

DRF十大请求