|
@@ -1,5 +1,5 @@
|
|
|
import axios from 'axios'
|
|
|
-import { Notification, MessageBox, Message } from 'element-ui'
|
|
|
+import { MessageBox, Message } from 'element-ui'
|
|
|
import { getToken, removeAll } from '@/utils/auth'
|
|
|
import cache from '@/plugins/cache'
|
|
|
import errorCode from '@/utils/errorCode'
|
|
@@ -22,119 +22,148 @@ const service = axios.create({
|
|
|
})
|
|
|
|
|
|
// request interceptor
|
|
|
-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 请根据实际情况自行修改
|
|
|
- config.headers['token'] = getToken()
|
|
|
- }
|
|
|
- // 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()
|
|
|
+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 请根据实际情况自行修改
|
|
|
+ config.headers['token'] = getToken()
|
|
|
}
|
|
|
- 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 = errorCode[901]
|
|
|
- console.warn(`[${s_url}]: ` + message)
|
|
|
- return Promise.reject(new Error(message))
|
|
|
- } else {
|
|
|
+ // 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 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 = errorCode[901]
|
|
|
+ console.warn(`[${s_url}]: ` + message)
|
|
|
+ return Promise.reject(new Error(message))
|
|
|
+ } else {
|
|
|
+ cache.session.setJSON('sessionObj', requestObj)
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
+ return config
|
|
|
+ },
|
|
|
+ (error) => {
|
|
|
+ // do something with request error
|
|
|
+ console.log(error) // for debug
|
|
|
+ return Promise.reject(error)
|
|
|
}
|
|
|
- return config
|
|
|
-}, error => {
|
|
|
- // do something with request error
|
|
|
- console.log(error) // for debug
|
|
|
- return Promise.reject(error)
|
|
|
-})
|
|
|
+)
|
|
|
|
|
|
// response interceptor
|
|
|
-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) {
|
|
|
- if (!isRelogin.show) {
|
|
|
- isRelogin.show = true
|
|
|
- MessageBox.confirm('登录状态已过期,您可以继续留在该页面,或者重新登录', '系统提示', {
|
|
|
- confirmButtonText: '重新登录',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- }).then(() => {
|
|
|
- isRelogin.show = false
|
|
|
- logout().then(res => {
|
|
|
- removeAll()
|
|
|
- location.href = '/index'
|
|
|
- })
|
|
|
- }).catch(() => {
|
|
|
- isRelogin.show = false
|
|
|
- })
|
|
|
+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
|
|
|
}
|
|
|
- return Promise.reject('无效的会话,或者会话已过期,请重新登录。')
|
|
|
- } else if (code === 500) {
|
|
|
- Message({
|
|
|
- message: msg,
|
|
|
- type: 'error'
|
|
|
- })
|
|
|
- return Promise.reject(new Error(msg))
|
|
|
- } else if (code === 402) {
|
|
|
- const roles = store.getters.roles
|
|
|
- if (!roles.length) {
|
|
|
+ if (code === 401) {
|
|
|
+ if (!isRelogin.show) {
|
|
|
+ isRelogin.show = true
|
|
|
+ MessageBox.confirm(
|
|
|
+ '登录状态已过期,您可以继续留在该页面,或者重新登录',
|
|
|
+ '系统提示',
|
|
|
+ {
|
|
|
+ confirmButtonText: '重新登录',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(() => {
|
|
|
+ isRelogin.show = false
|
|
|
+ logout().then((res) => {
|
|
|
+ removeAll()
|
|
|
+ location.href = '/index'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ isRelogin.show = false
|
|
|
+ })
|
|
|
+ }
|
|
|
+ return Promise.reject('无效的会话,或者会话已过期,请重新登录。')
|
|
|
+ } else if (code === 500) {
|
|
|
+ Message({
|
|
|
+ message: msg,
|
|
|
+ type: 'error'
|
|
|
+ })
|
|
|
+ return Promise.reject(new Error(msg))
|
|
|
+ } else if (code === 402) {
|
|
|
+ const roles = store.getters.roles
|
|
|
+ if (!roles.length) {
|
|
|
+ Message({
|
|
|
+ message: '请使用管理人员账号登录',
|
|
|
+ type: 'error'
|
|
|
+ })
|
|
|
+ router.replace({ path: '/login' })
|
|
|
+ }
|
|
|
+ } else if (code !== 200) {
|
|
|
Message({
|
|
|
- message: '请使用管理人员账号登录',
|
|
|
+ message: msg,
|
|
|
type: 'error'
|
|
|
})
|
|
|
- router.replace({ path: '/login' })
|
|
|
+ return Promise.reject(new Error(res.data.msg))
|
|
|
+ } else {
|
|
|
+ return res.data
|
|
|
+ }
|
|
|
+ },
|
|
|
+ (error) => {
|
|
|
+ let { message } = error
|
|
|
+ if (message === 'Network Error') {
|
|
|
+ message = errorCode[904]
|
|
|
+ } else if (message.includes('timeout')) {
|
|
|
+ message = errorCode[905]
|
|
|
+ } else if (message.includes('Request failed with status code')) {
|
|
|
+ message = '系统接口' + message.substr(message.length - 3) + '异常'
|
|
|
}
|
|
|
- } else if (code !== 200) {
|
|
|
- console.log(code)
|
|
|
- Notification.error({
|
|
|
- title: msg
|
|
|
+ Message({
|
|
|
+ message: message,
|
|
|
+ type: 'error',
|
|
|
+ duration: 5 * 1000
|
|
|
})
|
|
|
- return Promise.reject(new Error(res.data.msg))
|
|
|
- } else {
|
|
|
- return res.data
|
|
|
- }
|
|
|
-}, error => {
|
|
|
- let { message } = error
|
|
|
- if (message === 'Network Error') {
|
|
|
- message = errorCode[904]
|
|
|
- } else if (message.includes('timeout')) {
|
|
|
- message = errorCode[905]
|
|
|
- } else if (message.includes('Request failed with status code')) {
|
|
|
- message = '系统接口' + message.substr(message.length - 3) + '异常'
|
|
|
+ return Promise.reject(error)
|
|
|
}
|
|
|
- Message({
|
|
|
- message: message,
|
|
|
- type: 'error',
|
|
|
- duration: 5 * 1000
|
|
|
- })
|
|
|
- return Promise.reject(error)
|
|
|
-})
|
|
|
+)
|
|
|
|
|
|
export default service
|