92 lines
2.3 KiB
JavaScript
92 lines
2.3 KiB
JavaScript
import axios from 'axios'
|
||
import { ElMessage } from 'element-plus'
|
||
|
||
/**
|
||
* 统一请求封装:
|
||
* - 请求头自动携带 Bearer token
|
||
* - 响应头 X-Renewed-Token 自动保存(滑动续签)
|
||
* - 401 清除登录态并跳转登录页
|
||
* - 业务 code!==0 弹错并 reject;data 缺省时返回原响应体
|
||
*/
|
||
const TOKEN_KEY = 'ws_token'
|
||
const USER_KEY = 'ws_user'
|
||
|
||
export function getToken() {
|
||
return localStorage.getItem(TOKEN_KEY) || ''
|
||
}
|
||
|
||
export function setToken(token) {
|
||
localStorage.setItem(TOKEN_KEY, token)
|
||
}
|
||
|
||
export function getUser() {
|
||
try {
|
||
return JSON.parse(localStorage.getItem(USER_KEY)) || {}
|
||
} catch {
|
||
return {}
|
||
}
|
||
}
|
||
|
||
export function setAuth(token, user) {
|
||
localStorage.setItem(TOKEN_KEY, token)
|
||
localStorage.setItem(USER_KEY, JSON.stringify(user || {}))
|
||
}
|
||
|
||
export function clearAuth() {
|
||
localStorage.removeItem(TOKEN_KEY)
|
||
localStorage.removeItem(USER_KEY)
|
||
}
|
||
|
||
const service = axios.create({
|
||
baseURL: '',
|
||
timeout: 30000
|
||
})
|
||
|
||
service.interceptors.request.use((config) => {
|
||
const token = getToken()
|
||
if (token) config.headers.Authorization = 'Bearer ' + token
|
||
return config
|
||
})
|
||
|
||
service.interceptors.response.use(
|
||
(response) => {
|
||
// 滑动续签:后端剩余有效期不足一半时下发新 token
|
||
const renewed = response.headers?.['x-renewed-token']
|
||
if (renewed) setToken(renewed)
|
||
|
||
const d = response.data
|
||
if (d && typeof d === 'object' && 'code' in d) {
|
||
if (d.code !== 0) {
|
||
const err = new Error(d.message || '请求失败')
|
||
showErrThrottled(err.message)
|
||
return Promise.reject(err)
|
||
}
|
||
return d.data !== undefined ? d.data : d
|
||
}
|
||
return d
|
||
},
|
||
(error) => {
|
||
if (error.response && error.response.status === 401) {
|
||
clearAuth()
|
||
window.location.hash = '#/login'
|
||
error.message = '登录已失效,请重新登录'
|
||
} else {
|
||
error.message =
|
||
error.response?.data?.message ||
|
||
(error.code === 'ECONNABORTED' ? '请求超时' : '网络异常:' + (error.message || '未知错误'))
|
||
}
|
||
showErrThrottled(error.message)
|
||
return Promise.reject(error)
|
||
}
|
||
)
|
||
|
||
let lastErrAt = 0
|
||
function showErrThrottled(msg) {
|
||
// 简单节流,避免轮询接口失败刷屏(3 秒内只提示一次)
|
||
const now = Date.now()
|
||
if (now - lastErrAt < 3000) return
|
||
lastErrAt = now
|
||
ElMessage.error(msg)
|
||
}
|
||
|
||
export default service |