feat(frontend): 添加基础设施模块

工具函数:
- utils/auth.ts,Token 存储、解析、过期校验

API 模块:
- api/request.ts,Axios 实例封装,请求/响应拦截器

状态管理:
- stores/auth.ts,认证状态管理(Pinia)

组合式函数:
- composables/useAuth.ts,认证逻辑封装

路由配置:
- router/index.ts,路由表定义、路由守卫(未登录重定向)
This commit is contained in:
2026-07-14 15:39:19 +08:00
parent fba7210fd1
commit 84394f4674
5 changed files with 261 additions and 0 deletions
+44
View File
@@ -0,0 +1,44 @@
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