isoftstone/jnpf_app
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 修改接口报错登出问题，优化切换数据刷新问题

Browse Source
This commit is contained in:
chenli
2026-01-30 17:06:39 +08:00
parent 527747259c
commit 43a645ec87
4 changed files with 147 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pages/apply/dynamicModelList/form.vue
View File

@@ -511,7 +511,13 @@
modelId,
isPreview = '0',
id = '',
current,
tabCurrent
} = config
console.log(tabCurrent !== undefined,'判断11111111')
if(tabCurrent !== undefined){
uni.setStorageSync('fromNonTabBar', tabCurrent);
}
const formPermissionList =[]
Object.assign(this, {
userInfo: uni.getStorageSync('userInfo') || {},

7
pages/workFlow/flowTodo/flowList.vue
View File

@@ -66,6 +66,10 @@
type: [String, Number],
default: '0'
},
current: {
type: [String, Number],
default: '0'
},
},
data() {
return {
@@ -100,7 +104,8 @@
id: businessId,
name: name,
btnType: 'btn_process',
current: this.category
current: this.category,
tabCurrent: this.current
}
uni.navigateTo({
url: '/pages/apply/dynamicModelList/form?config=' +

24
pages/workFlow/flowTodo/index.vue
View File

@@ -18,7 +18,7 @@
</view>
<mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption"
:up="upOption" :top="mescrollTop">
<flowlist :list='list' :swipeAction='current != 3' :category='category' />
<flowlist :list='list' :swipeAction='current != 3' :category='category' :current='current' />
</mescroll-body>
</view>
</template>
@@ -76,12 +76,18 @@
onShow() {
const fromNonTabBar = uni.getStorageSync('fromNonTabBar');
console.log(fromNonTabBar,'fromNonTabBar---')
this.current = fromNonTabBar && Number(fromNonTabBar)
// if(!fromNonTabBar){
// this.current = 1
// }else {
// this.current = 0
// }
if(fromNonTabBar == ''){
this.current = 1
this.category = '2'
}else {
this.current = Number(fromNonTabBar)
this.category = Number(fromNonTabBar) + 1+''
}
const page = {
num : 1,
size: 20
}
this.upCallback(page)
uni.removeStorageSync('fromNonTabBar');
uni.$off('operate')
uni.$on('refresh', () => {
@@ -91,6 +97,10 @@
},
onUnload() {
uni.$off('refresh')
uni.removeStorageSync('fromNonTabBar');
},
onHide() {
uni.removeStorageSync('fromNonTabBar');
},
methods: {
getFlowStatus(status) {

216
utils/request.js
View File

@@ -11,6 +11,45 @@ let requestQueue = []
let isRefreshingToken = false
const isRelogin = { show: false }
// 全局网络状态标记（防止多请求覆盖）
let GLOBAL_IS_NETWORK_ERROR = false;
// ========== 核心：全局拦截登录跳转 ==========
// 拦截所有跳登录页的操作，仅允许非断网场景跳转
function interceptLoginJump() {
// 拦截 reLaunch（最常用的跳登录方式）
const originalReLaunch = uni.reLaunch;
uni.reLaunch = function(options) {
// 如果是跳登录页 + 当前是网络错误 → 阻止跳转
if (options.url && options.url.includes('/pages/login/index') && GLOBAL_IS_NETWORK_ERROR) {
console.log('【拦截】断网时禁止跳登录页');
uni.showToast({
title: '网络已断开，请先连接网络',
icon: 'none',
duration: 3000
});
return; // 终止跳转
}
// 非登录页/非断网场景 → 正常跳转
originalReLaunch.call(uni, options);
};
// 拦截其他跳转方式（兜底）
const interceptors = ['navigateTo', 'redirectTo', 'switchTab'];
interceptors.forEach(method => {
const originalMethod = uni[method];
uni[method] = function(options) {
if (options.url && options.url.includes('/pages/login/index') && GLOBAL_IS_NETWORK_ERROR) {
return;
}
originalMethod.call(uni, options);
};
});
}
// 初始化拦截器（页面加载时执行一次）
interceptLoginJump();
// ------------- 核心request方法 -------------
function request(config) {
config.options = Object.assign(defaultOpt, config.options)
@@ -42,7 +81,7 @@ function request(config) {
uni.showLoading({ title: config.options.loadText || '正在加载' })
}
// 返回Promise，核心改造逻辑
// 返回Promise
return new Promise((resolve, reject) => {
// 封装核心请求逻辑
const coreRequest = () => {
@@ -54,6 +93,8 @@ function request(config) {
timeout: define.timeout,
success: async (res) => {
uni.hideLoading();
GLOBAL_IS_NETWORK_ERROR = false; // 有响应 → 网络正常
if (res.statusCode === 200) {
if (res.data.code == 200 || res.data.code == 0) {
resolve(res.data)
@@ -61,30 +102,37 @@ function request(config) {
// 白名单接口不处理
const isWhiteList = whiteList.some(v => config.url.includes(v))
if (isWhiteList) {
// 仅提示错误，不触发登出
ajaxError(res.data, false)
reject(res.data.msg)
return
uni.showToast({ title: res.data.msg || '认证失败', icon: 'none' });
reject(res.data.msg);
return;
}
// ------------- 刷新token逻辑 -------------
// 无刷新token → 提示手动登录（不自动跳转）
if (!refreshToken) {
// 无刷新token，触发登出
await handleAuthorized()
reject(res.data.msg)
return
uni.showModal({
title: '登录过期',
content: '您的登录已过期，请重新登录',
showCancelButton: false,
confirmText: '去登录'
}).then(res => {
if (res.confirm) {
clearAuthStorage();
uni.reLaunch({ url: '/pages/login/index' }); // 这里会走拦截器，仅网络正常时跳转
}
});
reject('登录过期，无刷新Token');
return;
}
if (isRefreshingToken) {
requestQueue.push(() => coreRequest())
return
requestQueue.push(() => coreRequest());
return;
}
isRefreshingToken = true
isRefreshingToken = true;
try {
// 拼接URL参数
const refreshUrl = `${host}/admin-api/system/auth/refresh-token?refreshToken=${encodeURIComponent(refreshToken)}`
// 调用刷新token接口
// 刷新token接口
const refreshUrl = `${host}/admin-api/system/auth/refresh-token?refreshToken=${encodeURIComponent(refreshToken)}`;
const refreshRes = await uni.request({
url: refreshUrl,
method: 'POST',
@@ -93,50 +141,63 @@ function request(config) {
'Content-Type': 'application/json'
},
data: {}
})
// 刷新成功处理
});
if (refreshRes.data && (refreshRes.data.code == 0 || refreshRes.data.code == 200)) {
const newTokenData = refreshRes.data.data
// 存储新token
uni.setStorageSync('token', newTokenData.accessToken)
uni.setStorageSync('refreshToken', newTokenData.refreshToken)
// 更新请求头
header['Authorization'] = newTokenData.accessToken
// 重试当前请求
coreRequest()
// 执行队列请求
requestQueue.forEach(cb => cb())
requestQueue = []
// 刷新成功
const newTokenData = refreshRes.data.data;
uni.setStorageSync('token', newTokenData.accessToken);
uni.setStorageSync('refreshToken', newTokenData.refreshToken);
header['Authorization'] = newTokenData.accessToken;
coreRequest();
requestQueue.forEach(cb => cb());
requestQueue = [];
} else {
// 刷新token失败，触发登出
await handleAuthorized()
reject('刷新token失败：' + (refreshRes.data?.msg || '接口返回异常'))
// 刷新失败 → 提示手动登录
uni.showModal({
title: '登录过期',
content: '刷新登录状态失败，请重新登录',
showCancelButton: false,
confirmText: '去登录'
}).then(res => {
if (res.confirm) {
clearAuthStorage();
uni.reLaunch({ url: '/pages/login/index' });
}
});
reject('刷新Token失败：' + (refreshRes.data?.msg || '接口返回异常'));
}
} catch (err) {
// 刷新token异常，触发登出
await handleAuthorized()
reject('刷新token异常：' + err.errMsg)
// 刷新token异常 → 判定为网络错误
GLOBAL_IS_NETWORK_ERROR = true;
uni.showToast({ title: '网络异常，无法刷新登录状态', icon: 'none', duration: 3000 });
reject('网络异常：' + (err.errMsg || err.message));
} finally {
isRefreshingToken = false
requestQueue = []
isRefreshingToken = false;
requestQueue = [];
}
} else {
// 普通业务错误，仅提示，不登出
ajaxError(res.data, false)
reject(res.data.msg)
// 普通业务错误
uni.showToast({ title: res.data.msg || '请求出错，请重试', icon: 'none' });
reject(res.data.msg);
}
} else {
// HTTP状态码错误，仅提示，不登出
ajaxError(res.data, false)
reject(res.errMsg)
// HTTP状态码错误
uni.showToast({ title: `请求失败[${res.statusCode}]`, icon: 'none' });
reject(res.errMsg);
}
},
fail: (err) => {
uni.hideLoading();
// 网络错误，仅提示，不登出
uni.showToast({ title: '连接服务器失败', icon: 'none' })
reject(err)
GLOBAL_IS_NETWORK_ERROR = true;
// 重置刷新状态，防止死锁
isRefreshingToken = false;
requestQueue = [];
// 仅提示网络错误，不跳转
uni.showToast({ title: '网络连接失败，请检查网络', icon: 'none', duration: 3000 });
reject({ isNetworkError: true, errMsg: err.errMsg });
}
})
}
@@ -147,57 +208,16 @@ function request(config) {
// ------------- 辅助函数 -------------
/**
* 错误提示函数
* @param {Object} data 错误数据
* @param {Boolean} isAuthError 是否是认证错误（是否需要触发登出）
* 清除登录缓存
*/
function ajaxError(data, isAuthError = false) {
uni.showToast({
title: data.msg || '请求出错，请重试',
icon: 'none',
duration: 2000, // 延长提示时间，提升体验
complete() {
// 只有明确的认证错误且不在刷新token过程中，才触发登出
if (isAuthError && [600, 601, 602, 401].includes(data.code) && !isRefreshingToken) {
setTimeout(() => handleAuthorized(), 1500)
}
}
})
function clearAuthStorage() {
uni.removeStorageSync('token');
uni.removeStorageSync('refreshToken');
uni.removeStorageSync('cid');
uni.removeStorageSync('userInfo');
uni.removeStorageSync('permissionList');
uni.removeStorageSync('sysVersion');
uni.removeStorageSync('dynamicModelExtra');
}
/**
* 处理登录过期逻辑（仅token失效时调用）
*/
async function handleAuthorized() {
// 防止重复弹出登录弹窗
if (!isRelogin.show) {
isRelogin.show = true
try {
const res = await uni.showModal({
title: '登录过期',
content: '您的登录已过期，请重新登录',
showCancelButton: false,
confirmText: '重新登录'
})
if (res.confirm) {
// 清除登录相关缓存
uni.removeStorageSync('token')
uni.removeStorageSync('refreshToken')
uni.removeStorageSync('cid')
uni.removeStorageSync('userInfo')
uni.removeStorageSync('permissionList')
uni.removeStorageSync('sysVersion')
uni.removeStorageSync('dynamicModelExtra')
// 跳转到登录页
uni.reLaunch({ url: '/pages/login/index' })
}
} catch (err) {
console.error('处理登录过期异常：', err)
} finally {
isRefreshingToken = false
isRelogin.show = false
}
}
}
export default request
export default request;