320 lines
8.8 KiB
JavaScript
320 lines
8.8 KiB
JavaScript
|
/**
|
|||
|
|
* 接口请求封装
|
|||
|
|
* 统一处理请求拦截、响应拦截、错误处理、token管理等
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
// 基础URL配置（注意：末尾不要加斜杠）
|
|||
|
|
const BASE_URL = 'https://siji.chenjuncn.top'
|
|||
|
|
|
|||
|
|
// 是否正在刷新token（防止并发刷新）
|
|||
|
|
let isRefreshing = false
|
|||
|
|
// 等待刷新完成的请求队列
|
|||
|
|
let refreshSubscribers = []
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 刷新token
|
|||
|
|
* @param {String} refreshToken 刷新令牌
|
|||
|
|
* @returns {Promise} 返回刷新结果
|
|||
|
|
*/
|
|||
|
|
function refreshAccessToken(refreshToken) {
|
|||
|
|
if (isRefreshing) {
|
|||
|
|
// 如果正在刷新，返回一个Promise，等待刷新完成
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
refreshSubscribers.push({ resolve, reject })
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
isRefreshing = true
|
|||
|
|
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
// 构建完整URL
|
|||
|
|
const fullUrl = `${BASE_URL}/app-api/member/auth/refresh`
|
|||
|
|
|
|||
|
|
// 构建请求头
|
|||
|
|
const requestHeader = {
|
|||
|
|
'Content-Type': 'application/json',
|
|||
|
|
'tenant-id': '1'
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 发起刷新请求
|
|||
|
|
uni.request({
|
|||
|
|
url: fullUrl,
|
|||
|
|
method: 'POST',
|
|||
|
|
data: { refreshToken },
|
|||
|
|
header: requestHeader,
|
|||
|
|
success: (res) => {
|
|||
|
|
if (res.statusCode === 200 && res.data) {
|
|||
|
|
// 处理响应数据
|
|||
|
|
const responseData = res.data
|
|||
|
|
if (responseData.code === 0 || responseData.code === 200) {
|
|||
|
|
const data = responseData.data || responseData
|
|||
|
|
|
|||
|
|
// 保存新的token
|
|||
|
|
const token = data?.accessToken || data?.token || data?.access_token
|
|||
|
|
if (token) {
|
|||
|
|
uni.setStorageSync('token', token)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 保存新的refreshToken（如果有）
|
|||
|
|
const newRefreshToken = data?.refreshToken
|
|||
|
|
if (newRefreshToken) {
|
|||
|
|
uni.setStorageSync('refreshToken', newRefreshToken)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 保存新的过期时间
|
|||
|
|
const expiresTime = data?.expiresTime
|
|||
|
|
if (expiresTime) {
|
|||
|
|
uni.setStorageSync('tokenExpiresTime', expiresTime)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 通知所有等待的请求
|
|||
|
|
refreshSubscribers.forEach(subscriber => subscriber.resolve())
|
|||
|
|
refreshSubscribers = []
|
|||
|
|
isRefreshing = false
|
|||
|
|
|
|||
|
|
resolve(data)
|
|||
|
|
} else {
|
|||
|
|
// 刷新失败
|
|||
|
|
const errorMsg = responseData.message || responseData.msg || '刷新token失败'
|
|||
|
|
refreshSubscribers.forEach(subscriber => subscriber.reject(new Error(errorMsg)))
|
|||
|
|
refreshSubscribers = []
|
|||
|
|
isRefreshing = false
|
|||
|
|
reject(new Error(errorMsg))
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
// 刷新失败
|
|||
|
|
refreshSubscribers.forEach(subscriber => subscriber.reject(new Error('刷新token失败')))
|
|||
|
|
refreshSubscribers = []
|
|||
|
|
isRefreshing = false
|
|||
|
|
reject(new Error('刷新token失败'))
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
fail: (err) => {
|
|||
|
|
// 刷新失败
|
|||
|
|
refreshSubscribers.forEach(subscriber => subscriber.reject(err))
|
|||
|
|
refreshSubscribers = []
|
|||
|
|
isRefreshing = false
|
|||
|
|
reject(err)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 统一请求方法
|
|||
|
|
* @param {Object} options 请求配置
|
|||
|
|
* @param {String} options.url 请求地址（相对路径，会自动拼接BASE_URL）
|
|||
|
|
* @param {String} options.method 请求方法，默认GET
|
|||
|
|
* @param {Object} options.data 请求参数
|
|||
|
|
* @param {Object} options.header 请求头
|
|||
|
|
* @param {Boolean} options.showLoading 是否显示loading，默认false
|
|||
|
|
* @param {Boolean} options.needAuth 是否需要token认证，默认true
|
|||
|
|
* @returns {Promise} 返回处理后的响应数据
|
|||
|
|
*/
|
|||
|
|
export function request(options = {}) {
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
const {
|
|||
|
|
url,
|
|||
|
|
method = 'GET',
|
|||
|
|
data = {},
|
|||
|
|
header = {},
|
|||
|
|
showLoading = false,
|
|||
|
|
needAuth = true
|
|||
|
|
} = options
|
|||
|
|
|
|||
|
|
// 显示loading
|
|||
|
|
if (showLoading) {
|
|||
|
|
uni.showLoading({
|
|||
|
|
title: '加载中...',
|
|||
|
|
mask: true
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 构建完整URL（处理BASE_URL末尾斜杠问题）
|
|||
|
|
const fullUrl = url.startsWith('http') ? url : `${BASE_URL}${url.startsWith('/') ? url : '/' + url}`
|
|||
|
|
|
|||
|
|
// 构建请求头
|
|||
|
|
const requestHeader = {
|
|||
|
|
'Content-Type': 'application/json',
|
|||
|
|
'tenant-id': '1', // 统一添加租户ID
|
|||
|
|
...header
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 添加token（如果需要认证）
|
|||
|
|
if (needAuth) {
|
|||
|
|
const token = uni.getStorageSync('token')
|
|||
|
|
if (token) {
|
|||
|
|
requestHeader['Authorization'] = `Bearer ${token}`
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 发起请求
|
|||
|
|
uni.request({
|
|||
|
|
url: fullUrl,
|
|||
|
|
method: method.toUpperCase(),
|
|||
|
|
data: data,
|
|||
|
|
header: requestHeader,
|
|||
|
|
success: (res) => {
|
|||
|
|
// 隐藏loading
|
|||
|
|
if (showLoading) {
|
|||
|
|
uni.hideLoading()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 统一处理响应
|
|||
|
|
if (res.statusCode === 200) {
|
|||
|
|
// 根据实际后端返回的数据结构处理
|
|||
|
|
// 如果后端返回格式为 { code: 200, data: {}, message: '' }
|
|||
|
|
if (res.data && typeof res.data === 'object') {
|
|||
|
|
// 如果后端有统一的code字段
|
|||
|
|
if (res.data.code !== undefined) {
|
|||
|
|
// 处理业务错误码401（账号未登录）
|
|||
|
|
if (res.data.code === 401) {
|
|||
|
|
// 显示登录弹窗
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '提示',
|
|||
|
|
content: res.data.msg || res.data.message || '账号未登录，请前往登录',
|
|||
|
|
showCancel: false,
|
|||
|
|
confirmText: '去登录',
|
|||
|
|
success: (modalRes) => {
|
|||
|
|
if (modalRes.confirm) {
|
|||
|
|
// 清除本地存储的登录信息
|
|||
|
|
uni.removeStorageSync('token')
|
|||
|
|
uni.removeStorageSync('refreshToken')
|
|||
|
|
uni.removeStorageSync('tokenExpiresTime')
|
|||
|
|
uni.removeStorageSync('userId')
|
|||
|
|
uni.removeStorageSync('userInfo')
|
|||
|
|
// 跳转到登录页面
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/login/login'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
reject(new Error('未授权'))
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (res.data.code === 200 || res.data.code === 0) {
|
|||
|
|
resolve(res.data.data || res.data)
|
|||
|
|
} else {
|
|||
|
|
// 业务错误
|
|||
|
|
const errorMsg = res.data.message || res.data.msg || '请求失败'
|
|||
|
|
uni.showToast({
|
|||
|
|
title: errorMsg,
|
|||
|
|
icon: 'none',
|
|||
|
|
duration: 2000
|
|||
|
|
})
|
|||
|
|
reject(new Error(errorMsg))
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
// 没有code字段，直接返回data
|
|||
|
|
resolve(res.data)
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
resolve(res.data)
|
|||
|
|
}
|
|||
|
|
} else if (res.statusCode === 401) {
|
|||
|
|
// token过期或未登录，尝试使用refreshToken刷新
|
|||
|
|
const refreshToken = uni.getStorageSync('refreshToken')
|
|||
|
|
if (refreshToken) {
|
|||
|
|
// 尝试刷新token
|
|||
|
|
refreshAccessToken(refreshToken)
|
|||
|
|
.then(() => {
|
|||
|
|
// 刷新成功，重新发起原请求
|
|||
|
|
return request(options)
|
|||
|
|
})
|
|||
|
|
.then(resolve)
|
|||
|
|
.catch(() => {
|
|||
|
|
// 刷新失败，显示登录弹窗
|
|||
|
|
const errorMsg = res.data?.msg || res.data?.message || '账号未登录，请前往登录'
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '提示',
|
|||
|
|
content: errorMsg,
|
|||
|
|
showCancel: false,
|
|||
|
|
confirmText: '去登录',
|
|||
|
|
success: (modalRes) => {
|
|||
|
|
if (modalRes.confirm) {
|
|||
|
|
// 清除token，跳转到登录页
|
|||
|
|
uni.removeStorageSync('token')
|
|||
|
|
uni.removeStorageSync('refreshToken')
|
|||
|
|
uni.removeStorageSync('tokenExpiresTime')
|
|||
|
|
uni.removeStorageSync('userId')
|
|||
|
|
uni.removeStorageSync('userInfo')
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/login/login'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
reject(new Error('未授权'))
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
// 没有refreshToken，显示登录弹窗
|
|||
|
|
const errorMsg = res.data?.msg || res.data?.message || '账号未登录，请前往登录'
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '提示',
|
|||
|
|
content: errorMsg,
|
|||
|
|
showCancel: false,
|
|||
|
|
confirmText: '去登录',
|
|||
|
|
success: (modalRes) => {
|
|||
|
|
if (modalRes.confirm) {
|
|||
|
|
// 清除token，跳转到登录页
|
|||
|
|
uni.removeStorageSync('token')
|
|||
|
|
uni.removeStorageSync('refreshToken')
|
|||
|
|
uni.removeStorageSync('tokenExpiresTime')
|
|||
|
|
uni.removeStorageSync('userId')
|
|||
|
|
uni.removeStorageSync('userInfo')
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/login/login'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
reject(new Error('未授权'))
|
|||
|
|
}
|
|||
|
|
} else if (res.statusCode >= 500) {
|
|||
|
|
// 服务器错误
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '服务器错误，请稍后重试',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
reject(new Error('服务器错误'))
|
|||
|
|
} else {
|
|||
|
|
// 其他错误
|
|||
|
|
const errorMsg = res.data?.message || res.data?.msg || `请求失败(${res.statusCode})`
|
|||
|
|
uni.showToast({
|
|||
|
|
title: errorMsg,
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
reject(new Error(errorMsg))
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
fail: (err) => {
|
|||
|
|
// 隐藏loading
|
|||
|
|
if (showLoading) {
|
|||
|
|
uni.hideLoading()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 网络错误处理
|
|||
|
|
let errorMsg = '网络请求失败'
|
|||
|
|
if (err.errMsg) {
|
|||
|
|
if (err.errMsg.includes('timeout')) {
|
|||
|
|
errorMsg = '请求超时，请检查网络'
|
|||
|
|
} else if (err.errMsg.includes('fail')) {
|
|||
|
|
errorMsg = '网络连接失败，请检查网络设置'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni.showToast({
|
|||
|
|
title: errorMsg,
|
|||
|
|
icon: 'none',
|
|||
|
|
duration: 2000
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
reject(err)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|