ponjs / uni-ajax Goto Github PK

import ajax from 'uni-ajax'
import httpConfig from '../config/http.js'

const instance = ajax.create({ baseURL: httpConfig.baseURL })
// 请求拦截
instance.interceptors.request.use(
  function (config) {
    config['header']['Authorization'] = uni.getStorageSync('token')
    return config
  },
  function (error) {
    return Promise.reject(error)
  }
)
// 响应拦截
instance.interceptors.response.use(
  function (response) {
    if (response.data && response.data.code === 401 && response.config.url !== '/logout') {
      console.log('会话超时，请重新登录')
    }
    return response.data
  },
  function (error) {
    return Promise.reject(error)
  }
)

class HTTP {
  // POST请求
  post(url, data) {
    let config = JSON.parse(JSON.stringify(httpConfig))
    return instance.post(url, JSON.stringify(data), config)
  }
}

export default HTTP

export default {
  // 默认请求方式
  method: 'POST',
  // 基础url前缀
  baseURL: 'xxx',
  // 请求头信息
  header: {
    'Content-Type': 'application/json;charset=UTF-8'
  },
  // POST参数
  data: { test: 123 },
  // GET参数
  params: {},
  // 超时时间
  timeout: 15000,
  // 携带凭证
  withCredentials: false,
  // 返回数据类型
  responseType: 'json'
}

`
api/common.js
`
import HTTP from '../http/request.js'

// 登录
function login(reqdata) {
  return new HTTP().post('/member/login', reqdata)
}

export default {
  login
}

login() {
      this.logining = true
      api
        .login(this.form)
        .then(res => {
          console.log(res)
          if (res.code === 200) {
            uni.setStorageSync('token', res.data.Authorization)
            uni.setStorageSync('userinfo', res.data.member)
            this.$utils.toast.success('登录成功')
            this.$utils.router.switchTab('/pages/index/index')
          } else {
            this.$utils.toast.info(res.msg || '登录失败，请稍后重试')
          }
          this.logining = false
        })
        .catch(err => {
          console.log(err)
          this.logining = false
          this.$utils.toast.info('网络异常，请稍后重试')
        })
    }

instance.interceptors.request.use(
            config => {
                config.header['Content-Type'] = 'application/json;charset=UTF-8'
                if (HttpBridge.onBeforeRequest) {
                    HttpBridge.onBeforeRequest(config)
                }
                return config
            },
            error => {
                // 提供外部处理
                if (HttpBridge.onRequestError) {
                    HttpBridge.onRequestError(error)
                }
                return Promise.reject(error)
            },
        )
 instance.interceptors.response.use(
            response => {
                // 提供外部处理
                if (HttpBridge.onAfterResponse) {
                    HttpBridge.onAfterResponse(response)
                }
                return response.data
            },
            error => {
                if (HttpBridge.onResponseError) {
                    HttpBridge.onResponseError(error)
                }
                return Promise.reject(error)
            }
        )