import axios from 'axios'
|
import {
|
handleResponseSuccess,
|
handleResponseFail,
|
handleRequest
|
} from './interceptor-handler'
|
import {
|
showFullScreenLoading
|
} from '@/utils/loading'
|
|
// URL 记录器
|
import urlRecorder from './url-recorder'
|
|
const axiosInstance = axios.create({
|
timeout: 1000 * 60 * 5
|
})
|
|
axiosInstance.interceptors.request.use(handleRequest)
|
axiosInstance.interceptors.response.use(handleResponseSuccess, handleResponseFail)
|
/**
|
* 在 get 请求的 url 后面加个随机参数，以防浏览器缓存请求
|
* @param {string} url
|
* @return {string}
|
*/
|
function addVersion(url) {
|
return url.includes('?') ? `${url}&v=${Date.now()}` : `${url}?v=${Date.now()}`
|
}
|
|
export default {
|
// 默认的异常处理方法，会传入完整的data对象，可以在这里弹提示框
|
defaultErrorHandler: null,
|
/**
|
* 通过get发送并接收json格式的数据（get发的本来就是json格式）。
|
* 并统一处理常见的错误
|
* @param {string} url
|
* @param {object?} params={}
|
* @param {boolean?} throwError 是否不使用默认的异常处理方法，而把异常抛出来
|
* @param {int?} timeout 超时时间，默认10秒
|
* @return {Promise} 返回一个promise对象。其中then方法传递回包中的data数据；catch事件则传递整个回包，其参数为{data:{},status{code:123,message:'xxx'}}
|
*/
|
get(url, params = {}, throwError, timeout) {
|
const config = {
|
method: 'GET',
|
url: addVersion(url),
|
params,
|
errorHandler: (!throwError && this.defaultErrorHandler) || null,
|
headers: {
|
'Content-Type': 'application/json'
|
},
|
withCredentials: this.withCredentials,
|
timeout: timeout
|
}
|
if (params.showLoading === undefined) {
|
showFullScreenLoading()
|
}
|
return axiosInstance(config)
|
},
|
|
/**
|
* 通过post发送数据，使后端直接收到json格式的数据。并统一处理常见的错误
|
* @param {string} url
|
* @param {object?} data={}
|
* @param {object} params={}
|
* @param {boolean?} throwError 是否不使用默认的异常处理方法，而把异常抛出来
|
* @return {Promise} 返回一个promise对象。其中then方法传递回包中的data数据；catch事件则传递整个回包，其参数为{data:{},status{code:123,message:'xxx'}}
|
*/
|
post(url, data = {}, params= {}, throwError) {
|
const config = {
|
method: 'POST',
|
url,
|
params,
|
data: JSON.stringify(data),
|
errorHandler: (!throwError && this.defaultErrorHandler) || null,
|
headers: {
|
'Content-Type': 'application/json'
|
},
|
withCredentials: this.withCredentials
|
}
|
urlRecorder.add(config)
|
if (data.showLoading === undefined) {
|
showFullScreenLoading()
|
}
|
return axiosInstance(config)
|
},
|
// PUT更新数据
|
put(url, data = {}, throwError) {
|
const config = {
|
method: 'PUT',
|
url,
|
data: JSON.stringify(data),
|
errorHandler: (!throwError && this.defaultErrorHandler) || null,
|
headers: {
|
'Content-Type': 'application/json'
|
},
|
withCredentials: this.withCredentials
|
}
|
urlRecorder.add(config)
|
if (data.showLoading === undefined) {
|
showFullScreenLoading()
|
}
|
return axiosInstance(config)
|
},
|
// DELETE更新数据
|
delete(url, data = {}, throwError) {
|
const config = {
|
method: 'delete',
|
url,
|
data: JSON.stringify(data),
|
errorHandler: (!throwError && this.defaultErrorHandler) || null,
|
headers: {
|
'Content-Type': 'application/json'
|
},
|
withCredentials: this.withCredentials
|
}
|
urlRecorder.add(config)
|
if (data.showLoading === undefined) {
|
showFullScreenLoading()
|
}
|
return axiosInstance(config)
|
},
|
/**
|
* 通过表单get下载文件。并统一处理常见的错误
|
* @param {string} url
|
* @param {String} fileName 文件名
|
* @param {Object?} data 上传进度回调，参数为event
|
* @param {Function?} throwError 是否不使用默认的异常处理方法，而把异常抛出来
|
* @return {Promise} 返回一个promise对象
|
*/
|
downloadFile(url, params, data = {}, throwError) {
|
const {
|
fileName,
|
type
|
} = params
|
return axiosInstance({
|
method: 'GET',
|
url,
|
responseType: 'arraybuffer',
|
data: JSON.stringify(data),
|
errorHandler: (!throwError && this.defaultErrorHandler) || null,
|
timeout: 50000,
|
headers: {
|
'Content-Type': 'application/json'
|
}
|
}).then(response => {
|
const blob = new Blob([response], {
|
type
|
}) // 不兼容type
|
// 利用a标签实现下载
|
const link = document.createElement('a')
|
link.style.display = 'none'
|
link.setAttribute('type', MimeType) // 并不支持
|
const downUrl = window.URL.createObjectURL(blob)
|
link.href = downUrl
|
// 添加到浏览器为了兼容 firefox
|
document.body.appendChild(link)
|
// 为了兼容qq浏览器，fileName中必须加上文件后缀
|
link.download = fileName
|
link.click()
|
document.body.removeChild(link)
|
})
|
},
|
/**
|
* 通过a标签打开文件
|
* @param {string} url
|
*/
|
downloadFileByA(url) {
|
// const {fileName} = params
|
// 利用a标签实现下载
|
const link = document.createElement('a')
|
link.style.display = 'none'
|
link.href = `${process.env.VUE_APP_DOWN_FILE}${url}`
|
// 添加到浏览器为了兼容 firefox
|
document.body.appendChild(link)
|
// 为了兼容qq浏览器，fileName中必须加上文件后缀
|
// link.download = fileName
|
link.click()
|
document.body.removeChild(link)
|
return Promise.resolve()
|
},
|
/**
|
* 通过a标签下载文件
|
* @param {string} url
|
*/
|
downloadFileByAtag(url) {
|
// 利用a标签实现下载
|
const link = document.createElement('a')
|
link.download = url
|
link.target = '_blank'
|
link.style.display = 'none'
|
link.href = url
|
document.body.appendChild(link)
|
link.click()
|
document.body.removeChild(link)
|
return Promise.resolve()
|
},
|
/**
|
* 通过表单post上传文件并接收json格式的数据。并统一处理常见的错误
|
* @param {string} url
|
* @param {FormData|object} formElem FormData对象，或form Dom元素，其中需要含有一个name为files的选择文件的input元素
|
* @param {Function?} onUploadProgress 上传进度回调，参数为event
|
* @param {boolean?} throwError 是否不使用默认的异常处理方法，而把异常抛出来
|
* @param {int?} timeout 超时时间，默认50秒
|
* @return {Promise} 返回一个promise对象。其中then方法传递回包中的data数据；catch事件则传递整个回包，其参数为{data:{},status{code:123,message:'xxx'}}
|
*/
|
uploadFile(url, formElem, onUploadProgress, throwError) {
|
return axiosInstance({
|
method: 'POST',
|
url,
|
data: formElem instanceof FormData ? formElem : new FormData(formElem),
|
onUploadProgress,
|
errorHandler: (!throwError && this.defaultErrorHandler) || null,
|
headers: {
|
'Content-Type': 'multipart/form-data'
|
},
|
})
|
}
|
}
|
