Vent-App/common/service/service.js

import Request from '@/common/luch-request/index.js'
import { ACCESS_TOKEN } from '@/common/util/constants.js'
import configService from './config.service.js'
import tip from '@/common/util/tip.js';
import store from '@/store/index.js';

let apiUrl = configService.apiUrl;

const getTokenStorage = () => {
  let token = ''
  try {
    token = uni.getStorageSync(ACCESS_TOKEN)
  } catch (e) {
    //TODO handle the exception
    console.log("getTokenStorage", token)
  }
  return token
}



const http = new Request()
http.setConfig((config) => { /* 设置全局配置 */
  config.baseUrl = apiUrl /* 根域名不同 */
  config.header = {
    ...config.header
  }
  return config
})

/**
 * 自定义验证器，如果返回true 则进入响应拦截器的响应成功函数(resolve)，否则进入响应拦截器的响应错误函数(reject)
 * @param { Number } statusCode - 请求响应体statusCode（只读）
 * @return { Boolean } 如果为true,则 resolve, 否则 reject
 */
// 有默认，非必写
http.validateStatus = (statusCode) => {
  return statusCode === 200
}

http.interceptor.request((config, cancel) => { /* 请求之前拦截器 */
  console.log(config, 'config---')
  config.header = {
    ...config.header,
    'X-Access-Token': getTokenStorage()
  }

  /*
  if (!token) { // 如果token不存在，调用cancel 会取消本次请求，但是该函数的catch() 仍会执行
    cancel('token 不存在') // 接收一个参数，会传给catch((err) => {}) err.errMsg === 'token 不存在'
  }
  */
  return config
})

// 必须使用异步函数，注意
var that = this
http.interceptor.response(async (response) => { /* 请求之后拦截器 */
  // if (response.data.code !== 200) { // 服务端返回的状态码不等于200，则reject()
  //   return Promise.reject(response)
  // }
  return response
}, (response) => {
  // 请求错误做点什么
  console.log("请求错误做点什么", response);
  if (response) {
    let data = response.data
    const token = uni.getStorageSync(ACCESS_TOKEN)
    console.log("------异常响应------", token)
    console.log("------异常响应------", data.code)
    switch (data.code) {
      case 403:
        tip.error('拒绝访问');
        break
      case 500:
        if (!token || data.message == "Token失效，请重新登录") {
          let timeout = setTimeout(tip.alert('登录已过期'), 1000);
          store.dispatch('Logout').then(() => {
            clearTimeout(timeout)
            window.location.reload()
          })
        }
        break
      case 404:
        break
      case 504:
        break
      case 401:
        console.log("------异常响应-401-----", 401)

        console.log("------uni-----", uni)
        uni.navigateTo({
          url: '/pages/login/login'
        });
        return
        if (token) {
          /* store.dispatch('Logout').then(() => {
             setTimeout(() => {
               window.location.reload()
             }, 1500)
           }) */
        }
        break
      default:
        tip.error({
          duration: 0,
          forbidClick: true,
          message: data.message
        });
        break
    }
  }
  return response
})

export {
  http
}