meilan-app/src/utils/request.js

import store from '@/store'
import config from '@/config'
import { getToken } from '@/utils/auth'
import errorCode from '@/utils/errorCode'
import { toast, showConfirm, tansParams } from '@/utils/common'

let timeout = 10000
const baseUrl = config.baseUrl
let isRelogin = false // 防止重复登录弹窗

let silentLoginStatus = true // 暂时没有静默逻辑

const request = config => {
  // 是否需要设置 token
  const isToken = (config.headers || {}).isToken === false
  config.header = config.header || {}
  
  // 添加全局请求头
  config.header['X-Request-Source'] = 'mobile'
  
  if (getToken() && !isToken) {
    config.header['Authorization'] = 'Bearer ' + getToken()
  }
  // get请求映射params参数
  if (config.params) {
    let url = config.url + '?' + tansParams(config.params)
    url = url.slice(0, -1)
    config.url = url
  }
  return new Promise((resolve, reject) => {
    uni.request({
      method: config.method || 'get',
      timeout: config.timeout || timeout,
      url: config.baseUrl || baseUrl + config.url,
      data: config.data,
      header: config.header,
      dataType: 'json'
    }).then(response => {
      let [error, res] = response
      if (error) {
        // toast('后端接口连接异常')
        reject('后端接口连接异常')
        return
      }
      const code = res.data.code || 200
      const msg = errorCode[code] || res.data.msg || errorCode['default']
      if (code === 401) {
        // 静默登陆 等待后端实现 刷新token 或者 支持验证码后门才行
        // 这里静默登陆 只保留一个静默登陆的请求；防止并发请求出现多次静默登陆
        if (!silentLoginStatus) {
          silentLoginStatus = uni.request({
            method: config.method || 'get',
            timeout: config.timeout || timeout,
            url: config.baseUrl || baseUrl + config.url,
            data: config.data,
            header: config.header,
            dataType: 'json'
          })
        }
        // promise已经兑现 这里即使多次也只是单纯的获取以兑现的promise结果
        silentLoginStatus && silentLoginStatus instanceof Promise && silentLoginStatus.then(res => {
          // 重新请求一次将新的响应体返回给当前请求处理的resolve
          request(config).then(resolve).catch(reject)
        })
        // 上面实现下面可以逻辑就可以删除了

        // 获取当前页面信息
        const pages = getCurrentPages()
        const currentPage = pages[pages.length - 1]
        const currentRoute = currentPage ? currentPage.route : ''

        // 如果在登录页面，不显示弹窗，直接清除token
        if (currentRoute === 'pages/login') {
          const { removeToken } = require('@/utils/auth')
          const storage = require('@/utils/storage').default
          removeToken()
          storage.clean()
          store.commit('SET_TOKEN', '')
          store.commit('SET_ROLES', [])
          store.commit('SET_PERMISSIONS', [])
          reject('无效的会话，或者会话已过期，请重新登录。')
          return
        }

        if (!isRelogin) {
          isRelogin = true
          showConfirm('登录状态已过期，您可以继续留在该页面，或者重新登录?').then(res => {
            if (res.confirm) {
              // 直接清除本地数据，不调用logout API避免循环
              store.commit('SET_TOKEN', '')
              store.commit('SET_ROLES', [])
              store.commit('SET_PERMISSIONS', [])
              const { removeToken } = require('@/utils/auth')
              const storage = require('@/utils/storage').default
              removeToken()
              storage.clean()
              uni.reLaunch({ url: '/pages/login' })
            }
            isRelogin = false
          }).catch(() => {
            isRelogin = false
          })
        }
        reject('无效的会话，或者会话已过期，请重新登录。')
      } else if (code === 500) {
        console.log("util=======", msg)
        // toast(msg)
        reject({ "code": code, "msg": msg })
      } if (code !== 200) {
        // toast(msg)
        reject(code)
      }
      resolve(res.data)
    })
      .catch(error => {
        let { message } = error
        if (message === 'Network Error') {
          message = '后端接口连接异常'
        } else if (message.includes('timeout')) {
          message = '系统接口请求超时'
        } else if (message.includes('Request failed with status code')) {
          message = '系统接口' + message.substr(message.length - 3) + '异常'
        }
        // toast(message)
        reject(error)
      })
  })
}

export default request