charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat: 加载中优化

Browse Source
This commit is contained in:
黄泽群
2025-09-11 16:31:19 +08:00
parent 8f3acb4642
commit ad8f4656e4
2 changed files with 114 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/common/loading.gif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

utils/request.js
+114 -103
View File
@@ -1,113 +1,124 @@
import { getStorageFun, TOKEN_NAME } from './auth.js'; import { getStorageFun, TOKEN_NAME } from "./auth.js";
import { BASE_URL, Authorization } from '@/utils/config.js' import { BASE_URL, Authorization } from "@/utils/config.js";
// utils/http.js (修改后的版本) // utils/http.js (修改后的版本)
// const baseUrl = 'http://192.168.0.108:8087'; // const baseUrl = 'http://192.168.0.108:8087';
function request(options) { function request(options) {
const { url, method = 'GET', data = {}, headers = {}, isShowLoading = true } = options; const {
url,
method = "GET",
data = {},
headers = {},
isShowLoading = true,
} = options;
// const token = uni.getStorageSync(tokenKey); // 获取token, 根据实际情况调整获取方式 // const token = uni.getStorageSync(tokenKey); // 获取token, 根据实际情况调整获取方式
const token = getStorageFun(TOKEN_NAME); // 获取token, 根据实际情况调整获取方式 const token = getStorageFun(TOKEN_NAME); // 获取token, 根据实际情况调整获取方式
let defaultHeaders = { let defaultHeaders = {
"Authorization": Authorization, Authorization: Authorization,
'HSM-AUTH': token ? token : '', // 如果存在token, 则添加到请求头中 "HSM-AUTH": token ? token : "", // 如果存在token, 则添加到请求头中
'content-type': ['post', 'POST'].includes(method) ? 'application/x-www-form-urlencoded' : 'application/json', "content-type": ["post", "POST"].includes(method)
}; ? "application/x-www-form-urlencoded"
if (options.cha) { : "application/json",
defaultHeaders['content-type'] = 'application/json' };
} if (options.cha) {
if (token) { defaultHeaders["content-type"] = "application/json";
defaultHeaders['HSM-AUTH'] = token; }
} if (token) {
return new Promise((resolve, reject) => { defaultHeaders["HSM-AUTH"] = token;
if (isShowLoading) { }
// 请求之前做一些事 return new Promise((resolve, reject) => {
uni.showLoading({ if (isShowLoading) {
title: "加载中...", // 请求之前做一些事
}) uni.showToast({
} title: "加载中...",
uni.request({ image: "/static/common/loading.gif", // 本地图片路径
url: BASE_URL + url, duration: 2000,
method, position: "middle", // 可选：top/middle/bottom
data, });
header: { }
...defaultHeaders, uni.request({
...headers, // 使用展开运算符合并默认头和自定义头 url: BASE_URL + url,
}, method,
success: (res) => { data,
if (isShowLoading) { header: {
// 请求之前做一些事 ...defaultHeaders,
uni.hideLoading(); ...headers, // 使用展开运算符合并默认头和自定义头
} },
success: (res) => {
if (isShowLoading) {
// 请求之前做一些事
uni.hideToast();
}
let data = res.data; let data = res.data;
if (data && typeof (data) === "string") { if (data && typeof data === "string") {
data = JSON.parse(data); data = JSON.parse(data);
} }
if (data.status === 500) { if (data.status === 500) {
uni.showToast({ uni.showToast({
title: "系统异常，请稍后再试", title: "系统异常，请稍后再试",
icon: 'none', // 可选 success/loading/none icon: "none", // 可选 success/loading/none
duration: 2000, // 持续时长，单位ms duration: 2000, // 持续时长，单位ms
mask: false, // 是否显示透明蒙层，防止触摸穿透 mask: false, // 是否显示透明蒙层，防止触摸穿透
}); });
return; return;
} }
if (data.bizcode === 100) { if (data.bizcode === 100) {
resolve(data); // 成功时返回数据 resolve(data); // 成功时返回数据
} else if (data.bizcode === 201) { } else if (data.bizcode === 201) {
if ([201, 200].includes(data.errcode)) { if ([201, 200].includes(data.errcode)) {
uni.showToast({ uni.showToast({
title: '登录失效，请重新登录', title: "登录失效，请重新登录",
icon: 'none', // 可选 success/loading/none icon: "none", // 可选 success/loading/none
duration: 2000, // 持续时长，单位ms duration: 2000, // 持续时长，单位ms
mask: false, // 是否显示透明蒙层，防止触摸穿透 mask: false, // 是否显示透明蒙层，防止触摸穿透
position: 'middle' // 位置，可选 top/middle/bottom position: "middle", // 位置，可选 top/middle/bottom
}); });
} else { } else {
uni.showToast({ uni.showToast({
title: data.msg, title: data.msg,
icon: 'none', // 可选 success/loading/none icon: "none", // 可选 success/loading/none
duration: 2000, // 持续时长，单位ms duration: 2000, // 持续时长，单位ms
mask: false, // 是否显示透明蒙层，防止触摸穿透 mask: false, // 是否显示透明蒙层，防止触摸穿透
position: 'middle' // 位置，可选 top/middle/bottom position: "middle", // 位置，可选 top/middle/bottom
}); });
} }
/** /**
* 205:已经有账号，返回登录页面 * 205:已经有账号，返回登录页面
* 200 or 201：token失效，返回登录页面 * 200 or 201：token失效，返回登录页面
*/ */
if ([201, 200, 205].includes(data.errcode)) { if ([201, 200, 205].includes(data.errcode)) {
setTimeout(() => { setTimeout(() => {
uni.navigateTo({ uni.navigateTo({
url: '/pages/login_package/login/login' url: "/pages/login_package/login/login",
}) });
}, 2000); }, 2000);
} }
} else { } else {
uni.showToast({ uni.showToast({
title: data.msg || "系统错误，请稍后再试", title: data.msg || "系统错误，请稍后再试",
icon: 'none', // 可选 success/loading/none icon: "none", // 可选 success/loading/none
duration: 2000, // 持续时长，单位ms duration: 2000, // 持续时长，单位ms
}); });
reject(data); // 其他错误情况返回错误信息 reject(data); // 其他错误情况返回错误信息
} }
}, },
fail: (error) => { fail: (error) => {
if (isShowLoading) { if (isShowLoading) {
// 请求之前做一些事 // 请求之前做一些事
uni.hideLoading(); uni.hideToast();
} }
uni.showToast({ uni.showToast({
title: "服务器异常，稍后再试", title: "服务器异常，稍后再试",
icon: 'none', // 可选 success/loading/none icon: "none", // 可选 success/loading/none
duration: 2000, // 持续时长，单位ms duration: 2000, // 持续时长，单位ms
}); });
// reject(error); // 请求失败时返回错误信息 // reject(error); // 请求失败时返回错误信息
}, },
}); });
}); });
} }
export default request; export default request;