request.uts 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. /**
  2. * 网络请求封装
  3. */
  4. import { getAccessToken } from "./storage";
  5. // 请求配置类型
  6. export type RequestConfig = {
  7. url: string;
  8. method?: "GET" | "POST" | "PUT" | "DELETE";
  9. data?: UTSJSONObject | null;
  10. header?: UTSJSONObject | null;
  11. timeout?: number;
  12. };
  13. // 基础 URL
  14. const BASE_URL = "http://192.168.110.105:8080";
  15. /**
  16. * 获取基础 URL
  17. */
  18. export const getBaseUrl = (): string => {
  19. return BASE_URL;
  20. };
  21. /**
  22. * 网络请求封装
  23. */
  24. export const request = (config: RequestConfig): Promise<any> => {
  25. return new Promise((resolve, reject) => {
  26. // 获取 AccessToken
  27. const accessToken = getAccessToken();
  28. // 设置请求头(先设置默认值,再合并自定义 header)
  29. const header: UTSJSONObject = {
  30. "Content-Type": "application/json",
  31. };
  32. // 添加 AccessToken
  33. if (accessToken != null) {
  34. header["Authorization"] = 'Bearer ' + accessToken;
  35. }
  36. // 合并自定义 header(会覆盖默认值)
  37. if (config.header != null) {
  38. const customHeader = config.header as UTSJSONObject;
  39. // 遍历自定义 header 的所有键值对
  40. for (const key in customHeader) {
  41. header[key] = customHeader[key];
  42. }
  43. }
  44. // 发起请求
  45. uni.request({
  46. url: BASE_URL + config.url,
  47. method: config.method ?? "GET",
  48. data: config.data,
  49. header: header,
  50. timeout: config.timeout ?? 30000,
  51. success: (res) => {
  52. // 提取属性(any 类型不能直接访问属性)
  53. console.log(res);
  54. const statusCode = res.statusCode as number;
  55. const resData = res.data;
  56. if (statusCode == 200) {
  57. // 将响应数据转换为 UTSJSONObject,然后手动提取属性
  58. const result = resData as UTSJSONObject;
  59. const success = result["success"] as boolean | null;
  60. const status = result["status"] as number | null;
  61. const code = result["code"] as number | null;
  62. const msg = result["msg"] as string | null;
  63. // 判断是否成功
  64. // success 为 true 表示成功
  65. // 或者没有 success 字段但 code 为 200 也表示成功
  66. const isSuccess = success == true || (success == null && code == 200)
  67. if (isSuccess) {
  68. console.log(config.url, result);
  69. // 返回整个 result 对象
  70. resolve(result as any);
  71. } else if (status != null && (status == 401 || status == 403)) {
  72. // Token 过期或无权限,跳转登录
  73. handleLoginRedirect();
  74. reject(new Error("登录已过期,请重新登录"));
  75. } else if (code != null && (code == 401 || code == 403)) {
  76. // 有些接口使用 code 字段
  77. handleLoginRedirect();
  78. reject(new Error("登录已过期,请重新登录"));
  79. } else {
  80. const errorMsg = msg != null ? msg : "请求失败";
  81. reject(new Error(errorMsg));
  82. }
  83. } else {
  84. reject(new Error(`请求失败:${statusCode}`));
  85. }
  86. },
  87. fail: (err: any) => {
  88. console.error("请求失败"+BASE_URL + config.url, err);
  89. reject(new Error("网络请求失败"));
  90. },
  91. });
  92. });
  93. };
  94. /**
  95. * 跳转登录页
  96. */
  97. const handleLoginRedirect = (): void => {
  98. uni.showToast({
  99. title: "登录已过期",
  100. icon: "none",
  101. });
  102. setTimeout(() => {
  103. uni.reLaunch({
  104. url: "/pages/login/index",
  105. });
  106. }, 1500);
  107. };