Xf-association-h5/src/utils/request.js

import axios from 'axios'
import { Notification, Message } from 'element-ui'
import store from '@/store'
import errorCode from '@/utils/errorCode'
import { set } from 'nprogress'
axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
// 创建axios实例
export const BASE_URL = process.env.VUE_APP_BASE_API
export const BASE_IMG_URL = process.env.VUE_APP_IMG_API
// export const BASE_URL = 'https://api.gzxfxh2022.com/'
// export const BASE_IMG_URL = 'https://api.gzxfxh2022.com'
// export const BASE_URL = 'http://192.168.1.12:8032/'
// export const BASE_IMG_URL = 'http://192.168.1.12:8032'
const service = axios.create({
  // axios中请求配置有baseURL选项，表示请求URL公共部分
  baseURL: BASE_URL,
  // 超时
  timeout: 60000
})
var Messages = Message
// request拦截器
service.interceptors.request.use(config => {
  // 是否需要设置 token
  if (store.state[config.tokenName] && !config.noToken) {
    config.headers['token'] = store.state[config.tokenName] // 让每个请求携带自定义 token 请根据实际情况自行修改
  }
  // ----------------------------
  // get请求映射params参数
  if (config.method === 'get' && config.params) {
    let url = config.url + '?';
    for (const propName of Object.keys(config.params)) {
      const value = config.params[propName];
      var part = encodeURIComponent(propName) + "=";
      if (value !== null && typeof (value) !== "undefined") {
        if (typeof value === 'object') {
          for (const key of Object.keys(value)) {
            if (value[key] !== null && typeof (value[key]) !== 'undefined') {
              let params = propName + '[' + key + ']';
              let subPart = encodeURIComponent(params) + '=';
              url += subPart + encodeURIComponent(value[key]) + '&';
            }
          }
        } else {
          url += part + encodeURIComponent(value) + "&";
        }
      }
    }
    url = url.slice(0, -1);
    config.params = {};
    config.url = url;
  }
  return config
}, error => {
  console.log(error)
  Promise.reject(error)
})

// 响应拦截器
service.interceptors.response.use(res => {
  // 未设置状态码则默认成功状态
  const code = res.data.Code || 200;
  // 获取错误信息
  const msg = errorCode[code] || res.data.Message || errorCode['default']
  if (code === 401) {
    Messages({
      message: msg,
      type: 'error',
    })
    store.commit('CLEAR_Token_UserInfo')
    setTimeout(() => {
      location.href = '/home';
    }, 1000)
    return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
  } else if (code === 402) {
    Messages({
      message: msg,
      type: 'error',
    })
    store.commit('CLEAR_backstageToken')
    setTimeout(() => {
      console.log(location, "上传文件 返回文件地址")
      location.href = '/login';
    }, 1000)
    return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
  } else if (code === 500) {
    try {
      a({
        message: msg,
        type: 'error',
        duration: 5000,
        showClose: true
      })
    } catch (error) {
      console.log("err", error)
    }
    Messages({
      message: msg,
      type: 'error',
      duration: 5000,
      showClose: true
    })
    console.log("msg2", msg)
    return Promise.reject(new Error(msg))
  } else if (code === 510 || code === 511) {
    return res.data
  } else if (code !== 200) {
    Notification.error({
      title: msg
    })
    return Promise.reject('error')
  } else {
    return res.data
  }
},
  error => {
    console.log('err' + 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) + "异常";
    }
    Messages({
      message: message,
      type: 'error',
      duration: 5 * 1000
    })
    return Promise.reject(error)
  }
)

export default service