wonder
84394f4674
工具函数： - utils/auth.ts，Token 存储、解析、过期校验 API 模块： - api/request.ts，Axios 实例封装，请求/响应拦截器 状态管理： - stores/auth.ts，认证状态管理（Pinia） 组合式函数： - composables/useAuth.ts，认证逻辑封装 路由配置： - router/index.ts，路由表定义、路由守卫（未登录重定向）
45 lines
950 B
TypeScript
45 lines
950 B
TypeScript
import axios from 'axios'
|
|
import { getToken, removeToken } from '@/utils/auth'
|
|
import { ElMessage } from 'element-plus'
|
|
|
|
const request = axios.create({
|
|
baseURL: '/api/v1',
|
|
timeout: 10000,
|
|
})
|
|
|
|
// 请求拦截器
|
|
request.interceptors.request.use(
|
|
(config) => {
|
|
const token = getToken()
|
|
if (token) {
|
|
config.headers.Authorization = `Bearer ${token}`
|
|
}
|
|
return config
|
|
},
|
|
(error) => {
|
|
return Promise.reject(error)
|
|
}
|
|
)
|
|
|
|
// 响应拦截器
|
|
request.interceptors.response.use(
|
|
(response) => {
|
|
const { data } = response
|
|
if (data.code !== 0) {
|
|
ElMessage.error(data.message || '请求失败')
|
|
return Promise.reject(new Error(data.message))
|
|
}
|
|
return data
|
|
},
|
|
(error) => {
|
|
if (error.response?.status === 401) {
|
|
removeToken()
|
|
window.location.href = '/login'
|
|
}
|
|
ElMessage.error(error.message || '网络错误')
|
|
return Promise.reject(error)
|
|
}
|
|
)
|
|
|
|
export default request
|