初始化

frontend/packages/js/utils/http.js

@@ -0,0 +1,231 @@
+import axios from 'axios'
+import qs from 'qs'
+// import _ from 'lodash'
+import merge from 'lodash/merge'
+import { Message } from 'element-ui'
+import { getToken } from '@/utils/auth'
+/**
+ * 统一进行异常输出
+ * 如果异常只是弹框显示即可，可使用该实例
+ */
+const httpConfig = {
+  timeout: 1000 * 30,
+  withCredentials: true,
+  baseURL: process.env.VUE_APP_BASE_API,
+  headers: {
+    'Content-Type': 'application/json; charset=utf-8',
+    "AuthToken" : 'Bearer ' + getToken()
+  }
+}
+
+const httpCustom = axios.create(httpConfig)
+/**
+ *对于出现异常时还需要做其他操作，可使用该实例
+ */
+const http = axios.create(httpConfig)
+
+/**
+ * 封装的异常对象
+ * @param message
+ * @param code
+ * @constructor
+ *
+ */
+function EipException (message, code) {
+  this.msg = message
+  this.code = code
+}
+
+/**
+ * 请求拦截
+ */
+http.interceptors.request.use(config => {
+  return {
+    ...config,
+    ...merge(httpConfig, window.BS_CONFIG?.httpConfigs)
+  }
+}, error => {
+  return Promise.reject(error)
+})
+
+/**
+ * 自定义请求拦截
+ */
+httpCustom.interceptors.request.use(config => {
+  return config
+}, error => {
+  return Promise.reject(error)
+})
+
+/**
+ * 响应拦截
+ */
+http.interceptors.response.use(response => {
+  const res = response.data
+  // 异常拦截
+  // eslint-disable-next-line no-empty
+  if (res && res.code === 401) {
+  } else if (res && res.code !== 200) {
+    // return Promise.reject(response.data.msg)
+    Message({
+      message: response.data.msg,
+      type: 'error'
+    })
+    throw new EipException(response.data.msg, response.data.code)
+  } else {
+    return res
+  }
+}, error => {
+  if (error.message && error.message === 'Network Error') {
+    Message({
+      message: error.message,
+      type: 'error'
+    })
+    return Promise.reject(error)
+  // eslint-disable-next-line no-empty
+  } else {
+  }
+  Message({
+    message: '服务异常',
+    type: 'error'
+  })
+  return Promise.reject(error)
+})
+
+/**
+ * 响应拦截
+ */
+httpCustom.interceptors.response.use(response => {
+  const res = response.data
+  return res
+}, error => {
+  if (error.message && error.message === 'Network Error') {
+    return Promise.reject(error)
+  // eslint-disable-next-line no-empty
+  } else {
+  }
+  Message({
+    message: '服务异常',
+    type: 'error'
+  })
+  return Promise.reject(error)
+})
+
+/**
+ * get请求
+ * @param url
+ * @param params
+ * @returns {Promise<any>}
+ */
+export function get (url, params = {}, customHandlerException = false) {
+  // if (!url.startsWith('http')) {
+  //   url = window.BS_CONFIG?.httpConfigs?.baseURL + url
+  // }
+  // 如果是ie浏览器要添加个时间戳，解决浏览器缓存问题
+  if (!!window.ActiveXObject || 'ActiveXObject' in window) {
+    params._t = new Date().getTime()
+  }
+  const axiosInstance = customHandlerException ? httpCustom : http
+  return new Promise((resolve, reject) => {
+    axiosInstance.get(url, {
+      params: params,
+      paramsSerializer: params => {
+        return qs.stringify(params, { indices: false })
+      }
+    }).then(response => {
+      if (customHandlerException) {
+        resolve(response)
+      } else {
+        resolve(response.data)
+      }
+    }).catch(err => {
+      reject(err)
+    })
+  })
+}
+
+/**
+ * Post 请求
+ * @param url
+ * @param params
+ * @returns {Promise<any>}
+ */
+export function post (url, data = {}, customHandlerException = false) {
+  // if (!url.startsWith('http')) {
+  //   url = window.BS_CONFIG?.httpConfigs?.baseURL + url
+  // }
+  const axiosInstance = customHandlerException ? httpCustom : http
+  data = JSON.stringify(data)
+  return new Promise((resolve, reject) => {
+    axiosInstance.post(url, data).then(response => {
+      if (customHandlerException) {
+        resolve(response)
+      } else {
+        resolve(response.data)
+      }
+    }).catch(err => {
+      reject(err)
+    })
+  })
+}
+/**
+ * download 请求
+ * @returns {Promise<any>}
+ */
+
+export function download (url, headers = {}, params = {}, body = {}) {
+  // if (!url.startsWith('http')) {
+  //   url = window.BS_CONFIG?.httpConfigs?.baseURL + url
+  // }
+  // 如果是ie浏览器要添加个时间戳，解决浏览器缓存问题
+  if (!!window.ActiveXObject || 'ActiveXObject' in window) {
+    params._t = new Date().getTime()
+  }
+
+  return new Promise((resolve, reject) => {
+    axios({
+      method: 'post',
+      url: httpConfig.baseURL+ url,
+      headers: httpConfig.headers,
+      params: params,
+      data: body,
+      withCredentials: false,
+      responseType: 'arraybuffer'
+    }).then(res => {
+      // IE10,11采用自带下载文件流方法
+      if ((!!window.ActiveXObject || 'ActiveXObject' in window) && window.navigator && window.navigator.msSaveOrOpenBlob) {
+        window.navigator.msSaveOrOpenBlob(new Blob([res.data]), res.headers.filename)
+        return
+      }
+      const fileUrl = window.URL.createObjectURL(new Blob([res.data]))
+      // 创建超链接
+      const fileLink = document.createElement('a')
+      fileLink.href = fileUrl
+      // 设置下载文件名
+      let responseFileName = res.headers.filename
+      // 解决中文乱码
+      responseFileName = window.decodeURI(responseFileName)
+      fileLink.setAttribute('download', responseFileName)
+      document.body.appendChild(fileLink)
+      // 模拟人工点击下载超链接
+      fileLink.click()
+      // 释放资源
+      document.body.removeChild(fileLink)
+      window.URL.revokeObjectURL(fileUrl)
+    }).catch(e => {
+      const status = e?.response?.status
+      if (status === 404) {
+        Message({
+          message: '文件不存在或已被删除',
+          type: 'error'
+        })
+        return
+      }
+      Message({
+        message: '服务异常',
+        type: 'error'
+      })
+      console.error('服务异常')
+    })
+  })
+}