uniapp 封装request请求，及无感刷新token

在request 文件夹 新建request.js

import main from "main.js"



export const request = (options) => {

	return new Promise((resolve, reject) => {
		let token = uni.getStorageSync('token')
		options.header.Authorization = token

		uni.request({
			url: main.baseUrl + options.url,
			data: options.data || {},
			method: options.method || 'POST',
			header: options.header,
			success: (res) => {
				if (res.data.code == 401) { //刷新token
					if (uni.getStorageSync("userData") == null || uni.getStorageSync(
							"userData") == "") { //没有用户登录信息
						uni.reLaunch({
							//保留当前页面，跳转到应用内的某个页面
							url: '/pages/login/login'
						})
					} else {
						uni.request({
							url: main.baseUrl + '/user/login',
							data: {
								username:"123456",
								password:"123456"
							},
							header: {
								'content-type': 'application/x-www-form-urlencoded',
							},
							method: 'post',
							success: (res) => {
								if (res.data.code == 200) {
									uni.setStorageSync("token", res.data.msg)

									//重新之前的发送请求
									options.header.Authorization = uni
										.getStorageSync('token')
									uni.request({
										url: main.baseUrl + options.url,
										data: options.data || {},
										method: options.method || 'POST',
										header: options.header,
										success: (res) => {
											resolve(res.data)
										}
									})
								}
							}
						})
					}
				} else {
					// console.log(res.data); // 控制台显示数据信息
					resolve(res.data)
				}

			},
			fail: (err) => {
				// 页面中弹框显示失败

				uni.showToast({
					title: "请检查网络连接",
					icon: 'none',
					duration: 1000
				})
				// 返回错误消息
				reject(err)
			},
			catch: (e) => {
				console.log(e);
			}
		})
	})
}
// 将对象导出外部引入使用
export default {
	request
}

在main.js 下添加

//接口请求
export default {
	baseUrl: "http://192.168.0.18:8081"
}

页面中引用

	import request from "@/request/request.js"

绑定事件调用接口

	getcodes() {
				request.request({
					url: '/getPhoneCode',
					data: {
						username: this.username
					},
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					method: 'post',
				}).then(res => {
					console.log("------res------", res)
				})
			}