lunanting/jmalcloud-view
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: 优化重复的错误提示

Browse Source
This commit is contained in:
jmal 2024-05-28 17:56:50 +08:00
parent 8f14b58213
commit d6c0b8082d
1 changed files with 21 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/utils/request.js
View File

@ -1,5 +1,6 @@
// import { MessageBox, Message } from 'element-ui' // import { MessageBox, Message } from 'element-ui'
import store from '@/store' import store from '@/store'
import _ from "lodash";
import {getShareId, getShareToken, getToken, getUsername} from '@/utils/auth' import {getShareId, getShareToken, getToken, getUsername} from '@/utils/auth'
// create an axios instance // create an axios instance
@ -12,7 +13,7 @@ const service = axios.create({
// request interceptor // request interceptor
service.interceptors.request.use( service.interceptors.request.use(
config => { config => {
store.dispatch('updateMessage', { event: 'request', data: 1}) store.dispatch('updateMessage', {event: 'request', data: 1})
// do something before request is sent // do something before request is sent
if (store.getters.token) { if (store.getters.token) {
config.headers['jmal-token'] = getToken() config.headers['jmal-token'] = getToken()
@ -32,12 +33,24 @@ service.interceptors.request.use(
} }
) )
const responseErr = _.throttle((error) => {
let msg = '哎呀！服务器出错了，请稍后再试！'
if (error.response && error.response.status === 403) {
msg = '您的请求被服务器拒绝！'
}
Vue.prototype.$message({
message: msg,
type: 'error',
duration: 5 * 1000
})
}, 3000)
// response interceptor // response interceptor
service.interceptors.response.use( service.interceptors.response.use(
/** /**
* If you want to get http information such as headers or status * If you want to get http information such as headers or status
* Please return response => response * Please return response => response
*/ */
/** /**
* Determine the request status by custom code * Determine the request status by custom code
@ -45,7 +58,7 @@ service.interceptors.response.use(
* You can also judge the status by HTTP Status Code * You can also judge the status by HTTP Status Code
*/ */
response => { response => {
store.dispatch('updateMessage', { event: 'request', data: 0}) store.dispatch('updateMessage', {event: 'request', data: 0})
const res = response.data const res = response.data
if (res.code !== 0) { if (res.code !== 0) {
if (res.code === -2) { if (res.code === -2) {
@ -58,7 +71,7 @@ service.interceptors.response.use(
// to re-login // to re-login
setTimeout(function () { setTimeout(function () {
const hasToken = getToken() const hasToken = getToken()
if(hasToken){ if (hasToken) {
Vue.prototype.$confirm('登录已失效，请重新登录', '确认登出', { Vue.prototype.$confirm('登录已失效，请重新登录', '确认登出', {
confirmButtonText: '重新登录', confirmButtonText: '重新登录',
cancelButtonText: '取消', cancelButtonText: '取消',
@ -69,7 +82,7 @@ service.interceptors.response.use(
}) })
}) })
} }
},200) }, 200)
} else { } else {
Vue.prototype.$message({ Vue.prototype.$message({
message: res.message || '服务器开小差了...', message: res.message || '服务器开小差了...',
@ -80,10 +93,10 @@ service.interceptors.response.use(
return Promise.reject() return Promise.reject()
} else { } else {
let message = '' let message = ''
if(res.message){ if (res.message) {
message = res.message.toString() message = res.message.toString()
} }
if(message !== 'true'){ if (message !== 'true') {
Vue.prototype.$message({ Vue.prototype.$message({
message: res.message, message: res.message,
type: 'success', type: 'success',
@ -94,15 +107,7 @@ service.interceptors.response.use(
} }
}, },
error => { error => {
let msg = '哎呀！服务器出错了，请稍后再试！' responseErr(error)
if (error.response && error.response.status === 403) {
msg = '您的请求被服务器拒绝！'
}
Vue.prototype.$message({
message: msg,
type: 'error',
duration: 5 * 1000
})
return Promise.reject(error) return Promise.reject(error)
} }
) )