这是基于vue-vben-admin 模板适用于abp Vnext的前端管理项目
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.
 
 
 
 
 
 

125 lines
3.3 KiB

import axios from 'axios'
import i18n from '@/lang/index'
import { MessageBox, Notification } from 'element-ui'
import { UserModule } from '@/store/modules/user'
import { getTenant } from '@/utils/sessions'
import { getLanguage } from '@/utils/cookies'
const service = axios.create({
baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
timeout: 30000
// withCredentials: true // send cookies when cross-domain requests
})
// Request interceptors
service.interceptors.request.use(
(config) => {
const tenantId = getTenant()
if (tenantId) {
config.headers.__tenant = tenantId
}
if (config.url === '/connect/token') {
return config
}
// Add X-Access-Token header to every request, you can add other custom headers here
if (UserModule.token) {
config.headers.Authorization = UserModule.token
}
// abp官方类库用的 zh-Hans 的简体中文包 这里直接粗暴一点
const language = getLanguage()
if (language?.indexOf('zh') !== -1) {
config.headers['Accept-Language'] = 'zh-Hans'
} else {
config.headers['Accept-Language'] = language
}
return config
},
(error) => {
Promise.reject(error)
}
)
function l(name: string) {
return i18n.tc(name)
}
function showError(error: any, status: number) {
let message = ''
let title = ''
if (error && error.error) {
if (error.error.details) {
message = error.error.details
title = error.error.message
} else if (error.error.message) {
message = error.error.message
}
} else {
switch (status) {
case 400:
title = error.error
message = error.error_description
break
case 401:
title = l('AbpUi.DefaultErrorMessage401')
message = l('AbpUi.DefaultErrorMessage401Detail')
break
case 403:
title = l('AbpUi.DefaultErrorMessage403')
message = l('AbpUi.DefaultErrorMessage403Detail')
break
case 404:
title = l('AbpUi.DefaultErrorMessage404')
message = l('AbpUi.DefaultErrorMessage404Detail')
break
case 429:
message = l('global.operatingFast')
break
case 500:
title = l('AbpUi.500Message')
message = l('AbpUi.InternalServerErrorMessage')
break
default:
break
}
}
Notification({
title: title,
message: message,
type: 'error',
duration: 5 * 1000
})
}
// Response interceptors
service.interceptors.response.use(
(response) => {
return response
},
(error) => {
console.log(error.response)
if (error.response.status === 401) {
UserModule.RefreshSession().then(token => {
const config = error.response.config
config.headers.Authorization = token
return service(config)
}).catch(() => {
MessageBox.confirm(
l('login.tokenExprition'),
l('login.confirmLogout'),
{
confirmButtonText: l('login.relogin'),
cancelButtonText: l('global.cancel'),
type: 'error'
}).then(() => {
UserModule.ResetToken()
location.reload() // To prevent bugs from vue-router
})
})
} else {
showError(error.response.data, error.response.status)
}
return Promise.reject(error)
}
)
export default service