index.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. /**
  2. * Shopro-request
  3. * @description api模块管理,loading配置,请求拦截,错误处理
  4. */
  5. import Request from 'luch-request';
  6. import {
  7. baseUrl,
  8. apiPath
  9. } from '@/sheep/config';
  10. import $store from '@/sheep/store';
  11. import $platform from '@/sheep/platform';
  12. import {
  13. showAuthModal
  14. } from '@/sheep/hooks/useModal';
  15. const options = {
  16. // 显示操作成功消息 默认不显示
  17. showSuccess: false,
  18. // 成功提醒 默认使用后端返回值
  19. successMsg: '',
  20. // 显示失败消息 默认显示
  21. showError: true,
  22. // 失败提醒 默认使用后端返回信息
  23. errorMsg: '',
  24. // 显示请求时loading模态框 默认显示
  25. showLoading: true,
  26. // loading提醒文字
  27. loadingMsg: '加载中',
  28. // 需要授权才能请求 默认放开
  29. auth: false,
  30. // ...
  31. };
  32. // Loading全局实例
  33. let LoadingInstance = {
  34. target: null,
  35. count: 0,
  36. };
  37. /**
  38. * 关闭loading
  39. */
  40. function closeLoading() {
  41. if (LoadingInstance.count > 0) LoadingInstance.count--;
  42. if (LoadingInstance.count === 0) uni.hideLoading();
  43. }
  44. /**
  45. * @description 请求基础配置 可直接使用访问自定义请求
  46. */
  47. const http = new Request({
  48. baseURL: 'https://api.shopro.sheepjs.com/',
  49. timeout: 8000,
  50. method: 'GET',
  51. header: {
  52. Accept: 'text/json',
  53. 'Content-Type': 'application/json',
  54. // ;charset=UTF-8
  55. platform: $platform.name,
  56. },
  57. // #ifdef APP-PLUS
  58. sslVerify: false,
  59. // #endif
  60. // #ifdef H5
  61. // 跨域请求时是否携带凭证(cookies)仅H5支持(HBuilderX 2.6.15+)
  62. withCredentials: false,
  63. // #endif
  64. custom: options,
  65. });
  66. /**
  67. * @description 请求拦截器
  68. */
  69. http.interceptors.request.use(
  70. (config) => {
  71. // console.log(config);
  72. if (config.custom.auth && !$store('user').isLogin) {
  73. showAuthModal();
  74. return Promise.reject();
  75. }
  76. if (config.custom.showLoading) {
  77. LoadingInstance.count++;
  78. LoadingInstance.count === 1 &&
  79. uni.showLoading({
  80. title: config.custom.loadingMsg,
  81. mask: true,
  82. fail: () => {
  83. uni.hideLoading();
  84. },
  85. });
  86. }
  87. const token = uni.getStorageSync('token');
  88. if (token) config.header['Authorization'] = token;
  89. // TODO 芋艿:特殊处理
  90. if (config.url.indexOf('/app-api/') !== -1) {
  91. config.header['Accept'] = '*/*'
  92. config.header['tenant-id'] = '1';
  93. config.header['terminal'] = '20';
  94. config.header['Authorization'] = 'Bearer test247';
  95. }
  96. // console.log(config, '看参数')
  97. return config;
  98. },
  99. (error) => {
  100. return Promise.reject(error);
  101. },
  102. );
  103. /**
  104. * @description 响应拦截器
  105. */
  106. http.interceptors.response.use(
  107. (response) => {
  108. // 自动设置登陆令牌
  109. if (response.header.authorization || response.header.Authorization) {
  110. $store('user').setToken(response.header.authorization || response.header.Authorization);
  111. }
  112. response.config.custom.showLoading && closeLoading();
  113. if (response.data.code !== 0) {
  114. if (response.config.custom.showError)
  115. uni.showToast({
  116. title: response.data.msg || '服务器开小差啦,请稍后再试~',
  117. icon: 'none',
  118. mask: true,
  119. });
  120. return Promise.resolve(response.data);
  121. }
  122. if (
  123. response.data.error === 0 &&
  124. response.data.msg !== '' &&
  125. response.config.custom.showSuccess
  126. ) {
  127. uni.showToast({
  128. title: response.config.custom.successMsg || response.data.msg,
  129. icon: 'none',
  130. });
  131. }
  132. return Promise.resolve(response.data);
  133. },
  134. (error) => {
  135. const userStore = $store('user');
  136. const isLogin = userStore.isLogin;
  137. let errorMessage = '网络请求出错';
  138. if (error !== undefined) {
  139. switch (error.statusCode) {
  140. case 400:
  141. errorMessage = '请求错误';
  142. break;
  143. case 401:
  144. if (isLogin) {
  145. errorMessage = '您的登陆已过期';
  146. } else {
  147. errorMessage = '请先登录';
  148. }
  149. userStore.logout(true);
  150. showAuthModal();
  151. break;
  152. case 403:
  153. errorMessage = '拒绝访问';
  154. break;
  155. case 404:
  156. errorMessage = '请求出错';
  157. break;
  158. case 408:
  159. errorMessage = '请求超时';
  160. break;
  161. case 429:
  162. errorMessage = '请求频繁, 请稍后再访问';
  163. break;
  164. case 500:
  165. errorMessage = '服务器开小差啦,请稍后再试~';
  166. break;
  167. case 501:
  168. errorMessage = '服务未实现';
  169. break;
  170. case 502:
  171. errorMessage = '网络错误';
  172. break;
  173. case 503:
  174. errorMessage = '服务不可用';
  175. break;
  176. case 504:
  177. errorMessage = '网络超时';
  178. break;
  179. case 505:
  180. errorMessage = 'HTTP版本不受支持';
  181. break;
  182. }
  183. if (error.errMsg.includes('timeout')) errorMessage = '请求超时';
  184. // #ifdef H5
  185. if (error.errMsg.includes('Network'))
  186. errorMessage = window.navigator.onLine ? '服务器异常' : '请检查您的网络连接';
  187. // #endif
  188. }
  189. if (error && error.config) {
  190. if (error.config.custom.showError === false) {
  191. uni.showToast({
  192. title: error.data?.msg || errorMessage,
  193. icon: 'none',
  194. mask: true,
  195. });
  196. }
  197. error.config.custom.showLoading && closeLoading();
  198. }
  199. return false;
  200. },
  201. );
  202. const request = (config) => {
  203. if (config.url[0] !== '/') {
  204. config.url = '/app-api/' + config.url;
  205. }
  206. // TODO 芋艿:额外拼接
  207. if (config.url.indexOf('/app-api/') >= 0) {
  208. // 设置接口地址
  209. // config.url = 'http://api-dashboard.yudao.iocoder.cn' + config.url; // 调用【云端】
  210. // config.url = 'https://app.test.huizhizao.vip/prod-api' + config.url; // 调用【云端】
  211. config.url = 'http://127.0.0.1:48080' + config.url; // 调用【本地】
  212. }
  213. return http.middleware(config);
  214. };
  215. export default request;