request.js 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. import store from '@/store'
  2. import config from '@/config'
  3. import {
  4. getAccessToken,
  5. getRefreshToken,
  6. setToken,
  7. getExpiresTime
  8. } from '@/utils/auth'
  9. import {
  10. refreshToken
  11. } from '@/api/login'
  12. import errorCode from '@/utils/errorCode'
  13. import {
  14. toast,
  15. showConfirm,
  16. tansParams
  17. } from '@/utils/common'
  18. let timeout = 10000
  19. const baseUrl = config.baseUrl + config.baseApi;
  20. // 请求队列
  21. let requests = []
  22. // 是否正在刷新中
  23. let isRefreshing = false
  24. const request = async (config) => {
  25. // 是否需要设置 token
  26. const isToken = (config.headers || {}).isToken === false
  27. config.header = config.header || {}
  28. var hastoken = getAccessToken()
  29. if (hastoken != null && !isToken) {
  30. config.header['Authorization'] = 'Bearer ' + hastoken
  31. }
  32. // 设置租户 TODO 芋艿:强制 1 先
  33. config.header['tenant-id'] = '1';
  34. // get请求映射params参数
  35. if (config.params) {
  36. let url = config.url + '?' + tansParams(config.params)
  37. url = url.slice(0, -1)
  38. config.url = url
  39. }
  40. return new Promise((resolve, reject) => {
  41. uni.request({
  42. method: config.method || 'get',
  43. timeout: config.timeout || timeout,
  44. url: config.baseUrl || baseUrl + config.url,
  45. data: config.data,
  46. // header: config.header,
  47. header: config.header,
  48. dataType: 'json'
  49. }).then(async response => {
  50. let [error, res] = response
  51. if (error) {
  52. toast('后端接口连接异常')
  53. reject('后端接口连接异常')
  54. return
  55. }
  56. const code = res.data.code || 200
  57. const msg = errorCode[code] || res.data.msg || errorCode['default']
  58. if (code === 401) {
  59. //token无效或已过期
  60. if (!isRefreshing) {
  61. // 是否已经执行刷新
  62. isRefreshing = true
  63. let token = getAccessToken(); // 获取到过期的token
  64. try {
  65. refreshToken({
  66. refreshToken: getRefreshToken() // 刷新token的令牌存在token的对象里面,需要传给后端
  67. }).then(reshRespore=>{
  68. console.log(reshRespore, 'reshResporereshResporereshRespore');
  69. // 请求成功把新的token存到本地
  70. setToken(reshRespore.data);
  71. // 已经刷新了token,将所有队列中的请求进行重试
  72. requests.forEach((item) => item(reshRespore.data.accessToken))
  73. requests = []
  74. // 每个接口请求都要存入队列,等刷新完以后都需要执行
  75. return new Promise((resolve) => {
  76. // 将resolve放进队列,用一个函数形式来保存,等token刷新后直接执行
  77. requests.push((token) => {
  78. //这一步一定要有,刷新token,因为存入的信息是旧的token
  79. response.config.header['Authorization'] =
  80. 'Bearer ' +
  81. token;
  82. resolve(uni.$u.http.request(response
  83. .config)) //执行请求
  84. })
  85. })
  86. })
  87. } catch {
  88. uni.$u.toast('未知错误')
  89. showConfirm('登录状态已过期,您可以继续留在该页面,或者重新登录?').then(res => {
  90. if (res.confirm) {
  91. uni.navigateTo({
  92. url: '/pages/login'
  93. })
  94. }
  95. });
  96. } finally {
  97. // 请求成功,开启刷新标识
  98. isRefreshing = false
  99. }
  100. } else {
  101. }
  102. } else if (code === 500) {
  103. toast(msg)
  104. reject('500')
  105. } else if (code !== 200) {
  106. toast(msg)
  107. reject(code)
  108. }
  109. resolve(res.data)
  110. })
  111. .catch(error => {
  112. let {
  113. message
  114. } = error
  115. if (message === 'Network Error') {
  116. message = '后端接口连接异常'
  117. } else if (message.includes('timeout')) {
  118. message = '系统接口请求超时'
  119. } else if (message.includes('Request failed with status code')) {
  120. message = '系统接口' + message.substr(message.length - 3) + '异常'
  121. }
  122. toast(message)
  123. reject(error)
  124. })
  125. })
  126. }
  127. export default request