v3-lab-web/src/utils/request.js

import axios from 'axios'
import { Notification, MessageBox, Message, Loading } from 'element-ui'
import router from '@/router'
import store from '@/store'
import { getToken } from '@/utils/auth'
import errorCode from '@/utils/errorCode'
import { tansParams,judgmentNetworkReturnAddress } from "@/utils/ruoyi";

//判定http或者https
let urlText = window.location.href.split('://')[0]+'://';

//分锅器
let potType = false;

//弹窗状态开关
let messageData = null;

// 弹层数据
let loadingInstance = {};
let options = {
  spinner:"",
  background: 'rgba(255, 255, 255, 0.1)'
};
let loadingCount = 0;

axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
// 创建axios实例
const service = axios.create({
  // axios中请求配置有baseURL选项，表示请求URL公共部分
  baseURL: urlText+judgmentNetworkReturnAddress(),
  // 超时
  timeout: 10000
})
// request拦截器
service.interceptors.request.use(config => {
  if(config.type == 'video'){
    config.baseURL = localStorage.getItem('cameraExtranetAgent');
    potType = true;
  }else{
    potType = false;
  }
  // 弹层相关
  loadingInstance = Loading.service(options)
  // 是否需要设置 token
  const isToken = (config.headers || {}).isToken === false
  if (getToken() && !isToken) {
    config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
  }
  // get请求映射params参数
  if (config.method === 'get' && config.params) {
    let url = config.url + '?' + tansParams(config.params);
    url = url.slice(0, -1);
    config.params = {};
    config.url = url;
  }
  // 弹层相关
  loadingCount ++;
  return config
}, error => {
  // 弹层相关
  loadingCount --;
  if(loadingCount===0){
    loadingInstance.close();
  }
  Promise.reject(error)
})

// 响应拦截器
service.interceptors.response.use(res => {
    // 弹层相关
    loadingCount --;
    if(loadingCount===0) {
      loadingInstance.close();
    }
    // 未设置状态码则默认成功状态
    const code = res.data.code || 200;
    // 获取错误信息
    const msg = errorCode[code] || res.data.message || errorCode['default']
    if (code == 5005) {
      //无权限
      router.replace({
        path: '/403'
      })
    }else if(code == 429){
      if(!messageData){
        messageData = Message({
          message: '服务器繁忙,请稍后重试',
          type: 'error',
          offset:100
        })
        setTimeout(function(){
          messageData = null
        },1000);
      }
      return Promise.reject(new Error(msg))
    } else if (code === 500) {
      if(!messageData){
        messageData = Message({
          message: msg,
          type: 'error',
          offset:100
        })
        setTimeout(function(){
          messageData = null
        },1000);
      }
      return Promise.reject(new Error(msg))
    } else if (code == 303 || code == 530 || code == 503 || code == 504|| code == 205) {
      // 303-考试从定向   530-账号不存在   503-验证码错误  504特殊报错code 205智能门禁状态 用于报错后需要返回code进行后续操作
      return res.data
    } else if (code != 200) {
      if(!messageData){
        messageData = Message({
          message: msg,
          type: 'error',
          offset:100
        })
        setTimeout(function(){
          messageData = null
        },1000);
      }
      return Promise.reject(new Error(msg))
      // Notification.error({
      //   title: msg
      // })
      // return Promise.reject('error')
    } else {
      return res.data
    }
  },
  error => {
    // 弹层相关
    loadingCount --;
    if(loadingCount===0){
      loadingInstance.close();
    }
    let { message } = error;
    if (message == "Network Error") {
      if(potType){
        message = "视频监控接口连接异常";
      }else{
        message = "服务连接异常";
      }
    }
    else if (message.includes("timeout")) {
      if(potType){
        message = "视频监控接口请求超时";
      }else{
        message = "系统接口请求超时";
      }
    }
    else if (message.includes("Request failed with status code")) {
      if(message.substr(message.length - 3) == 401){
        if(getToken()){
          store.dispatch('delToken').then(() => {})
          MessageBox.confirm('登录状态已过期，请重新登录', '系统提示', {
              confirmButtonText: '确定',
              showCancelButton:false,
              closeOnClickModal:false,
              cancelButtonText: '取消',
              type: 'warning'
            }
          ).then(() => {
            store.dispatch('LogOutNoData').then(() => {
              localStorage.removeItem('serviceType');
              if(process.env.VUE_APP_LOGIN_TYPE === 'certification'){
                window.location.href = process.env.VUE_APP_OUT_URL;
              }else{
                router.replace({
                  path: '/login'
                })
              }
            })
            return
          }).catch(() => {});
        }
      }else{
        messageData = Message({
          message: message,
          type: 'error',
          offset:100
        })
        setTimeout(function(){
          messageData = null
        },1000);
      }
      return Promise.reject(error)
    }
    if(!messageData){
      messageData = Message({
        message: message,
        type: 'error',
        duration: 5 * 1000,
        offset:100
      })
      setTimeout(function(){
        messageData = null
      },1000);
    }
    return Promise.reject(error)
  }
)

// 通用下载方法
export function download(url, params, filename) {
  return service.post(url, params, {
    transformRequest: [(params) => {
      return tansParams(params)
    }],
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    },
    responseType: 'blob'
  }).then((data) => {
    const content = data
    const blob = new Blob([content])
    if ('download' in document.createElement('a')) {
      const elink = document.createElement('a');
      elink.download = filename
      elink.style.display = 'none'
      elink.href = URL.createObjectURL(blob)
      document.body.appendChild(elink)
      elink.click()
      URL.revokeObjectURL(elink.href)
      document.body.removeChild(elink)
    } else {
      navigator.msSaveBlob(blob, filename)
    }
    this.msgSuccess('正在下载,请稍候')
  }).catch((r) => {
    console.error(r)
  })
}
// 通用文件下载方法POST请求
export function downloadPost(fileUrl,fleName) {
  const newUrl = urlText + judgmentNetworkReturnAddress() + fileUrl;
  const x = new XMLHttpRequest();
  x.open("post", newUrl, true);
  x.setRequestHeader("Authorization",getToken());
  x.responseType = "blob";
  x.onload = () => {
    const url = URL.createObjectURL(x.response);
    const a = document.createElement("a");
    a.href = url;
    a.download = fleName;
    a.target = "_blank";
    a.click();
  };
  x.send();
  this.msgSuccess('正在下载,请稍候')
}
// 通用文件下载方法GET请求
export function downloadGet(fileUrl,fleName) {
  const newUrl = urlText + judgmentNetworkReturnAddress() + fileUrl;
  const x = new XMLHttpRequest();
  x.open('get', newUrl, true)
  x.setRequestHeader("Authorization",getToken());
  x.responseType = "blob";
  x.onload = () => {
    const url = URL.createObjectURL(x.response);
    const a = document.createElement("a");
    a.href = url;
    a.download = fleName;
    a.target = "_blank";
    a.click();
  };
  x.send();
  this.msgSuccess('正在下载,请稍候')
}
// 通用URL地址文件下载方法
export function downloadUrl(fileUrl,fleName) {
  const x = new XMLHttpRequest();
  x.open('get', fileUrl, true)
  x.setRequestHeader("Authorization",getToken());
  x.responseType = "blob";
  x.onload = () => {
    const url = URL.createObjectURL(x.response);
    const a = document.createElement("a");
    a.href = url;
    a.download = fleName;
    a.target = "_blank";
    a.click();
  };
  x.send();
  this.msgSuccess('正在下载,请稍候')
}
export default service