request.js 3.7 KB

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