华西海圻ELN前端工程
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

326 lines
11 KiB

import axios from 'axios'
import { Notification, MessageBox, Message, Loading } from 'element-ui'
import store from '@/store'
import { getToken } from '@/utils/auth'
import errorCode from '@/utils/errorCode'
import { tansParams, blobValidate } from '@/utils/ruoyi'
import cache from '@/plugins/cache'
import { saveAs } from 'file-saver'
import i18n from '@/lang'
let downloadLoadingInstance
// 是否显示重新登录
export let isRelogin = { show: false }
axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
// 创建axios实例
const service = axios.create({
// axios中请求配置有baseURL选项,表示请求URL公共部分
baseURL: process.env.VUE_APP_BASE_API,
// 超时
timeout: 90000
})
// request拦截器
service.interceptors.request.use(
(config) => {
// 是否需要设置 token
const isToken = (config.headers || {}).isToken === false
// 是否需要防止数据重复提交
const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
if (getToken() && !isToken) {
config.headers['Authorization'] = 'Bearer ' + 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
}
if (
!isRepeatSubmit &&
(config.method === 'post' || config.method === 'put')
) {
const requestObj = {
url: config.url,
data:
typeof config.data === 'object'
? JSON.stringify(config.data)
: config.data,
time: new Date().getTime()
}
const requestSize = Object.keys(JSON.stringify(requestObj)).length // 请求数据大小
const limitSize = 5 * 1024 * 1024 // 限制存放数据5M
if (requestSize >= limitSize) {
console.warn(
`[${config.url}]: ` +
'请求数据大小超出允许的5M限制,无法进行防重复提交验证。'
)
return config
}
// const sessionObj = cache.session.getJSON('sessionObj')
// if (
// sessionObj === undefined ||
// sessionObj === null ||
// sessionObj === ''
// ) {
// cache.session.setJSON('sessionObj', requestObj)
// } else {
// const s_url = sessionObj.url // 请求地址
// const s_data = sessionObj.data // 请求数据
// const s_time = sessionObj.time // 请求时间
// const interval = 1000 // 间隔时间(ms),小于此时间视为重复提交
// if (
// s_data === requestObj.data &&
// requestObj.time - s_time < interval &&
// s_url === requestObj.url
// ) {
// const message = '数据正在处理,请勿重复提交'
// console.warn(`[${s_url}]: ` + message)
// return Promise.reject(new Error(message))
// } else {
// cache.session.setJSON('sessionObj', requestObj)
// }
// }
}
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.msg || errorCode['default']
// 二进制数据则直接返回
if (
res.request.responseType === 'blob' ||
res.request.responseType === 'arraybuffer'
) {
return res.data
}
if (code === 401) {
store.dispatch('LogOut').then(() => {
// location.href = '/user/work'
})
if (!isRelogin.show) {
isRelogin.show = true
// MessageBox.confirm(
// '登录状态已过期,您可以继续留在该页面,或者重新登录',
// '系统提示',
// {
// confirmButtonText: '重新登录',
// cancelButtonText: '取消',
// type: 'warning'
// }
// )
// .then(() => {
// isRelogin.show = false
// store.dispatch('LogOut').then(() => {
// location.href = '/user/work'
// })
// })
// .catch(() => {
// isRelogin.show = false
// })
MessageBox.prompt(
i18n.t('system.timeOutContent'),
i18n.t('system.tip'),
{
confirmButtonText: i18n.t('system.timeOutEnter'),
cancelButtonText: i18n.t('form.cancel'),
inputPattern: /^\S+$/,
inputType: 'password',
inputPlaceholder: i18n.t('login.password'),
inputErrorMessage: i18n.t('login.password'),
showClose: false,
closeOnPressEscape: false,
closeOnClickModal: false,
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
let password = instance.inputValue
store
.dispatch('Login', {
username: store.getters.name,
password: password,
force: false
})
.then(() => {
console.log('重新登录成功')
isRelogin.show = false
done()
})
.catch((err) => {
if (err && err.message === 'exists') {
isRelogin.show = false
done()
setTimeout(() => {
MessageBox.confirm(
i18n.t('system.crowdOut'),
i18n.t('system.tip'),
{
confirmButtonText: i18n.t('form.confirm'),
cancelButtonText: i18n.t('form.cancel'),
type: 'warning',
showClose: false,
closeOnPressEscape: false,
closeOnClickModal: false
}
)
.then(() => {
store
.dispatch('Login', {
username: store.getters.name,
password: password,
force: true
})
.then(() => {
console.log('重新登录成功')
})
.catch((err) => {
console.log(
'重新登录失败' + JSON.stringify(err)
)
return false
})
})
.catch(() => {
// if (this.captchaEnabled) {
// this.getCode()
// }
location.href = '/user/work'
})
}, 0)
} else {
// if (this.captchaEnabled) {
// this.getCode()
// }
return false
}
})
} else {
done()
isRelogin.show = false
location.href = '/user/work'
}
}
}
)
.then(({ value }) => {
isRelogin.show = false
})
.catch(() => {
isRelogin.show = false
location.href = '/user/work'
})
}
return Promise.reject(i18n.t('system.timeOutTip'))
} else if (code === 500) {
if (msg !== 'exists') {
Message({ message: msg, type: 'error' })
}
return Promise.reject(new Error(msg))
} else if (code === 601) {
Message({ message: msg, type: 'warning' })
return Promise.reject('error')
} 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) + '异常'
}
Message({ message: message, type: 'error', duration: 5 * 1000 })
return Promise.reject(error)
}
)
export function login(username, password, force) {
store
.dispatch('Login', { username: username, password: password, force: force })
.then(() => {
console.log('重新登录成功')
})
.catch((err) => {
if (err && err.message === 'exists') {
MessageBox.confirm(i18n.t('system.crowdOut'), i18n.t('system.tip'), {
confirmButtonText: i18n.t('form.confirm'),
cancelButtonText: i18n.t('form.cancel'),
type: 'warning'
})
.then(() => {
login(username, password, true)
})
.catch(() => {
// if (this.captchaEnabled) {
// this.getCode()
// }
})
} else {
// if (this.captchaEnabled) {
// this.getCode()
// }
}
})
}
// 通用下载方法
export function download(url, params, filename, config) {
downloadLoadingInstance = Loading.service({
text: '正在下载数据,请稍候',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
return service
.post(url, params, {
transformRequest: [
(params) => {
return tansParams(params)
}
],
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
responseType: 'blob',
...config
})
.then(async (data) => {
const isBlob = blobValidate(data)
if (isBlob) {
const blob = new Blob([data])
saveAs(blob, filename)
} else {
const resText = await data.text()
const rspObj = JSON.parse(resText)
const errMsg =
errorCode[rspObj.code] || rspObj.msg || errorCode['default']
Message.error(errMsg)
}
downloadLoadingInstance.close()
})
.catch((r) => {
console.error(r)
Message.error('下载文件出现错误,请联系管理员!')
downloadLoadingInstance.close()
})
}
export default service