Files
workspace/code/allapp/allapp-rn/src/request/index.ts
T
2026-01-21 17:19:36 +08:00

164 lines
4.2 KiB
TypeScript

import type { Method } from 'alova'
import type { AxiosError } from 'axios'
import type { RefreshTokenResult } from '@/types/auth'
import { axiosRequestAdapter } from '@alova/adapter-axios'
import { createAlova } from 'alova'
import { useNavStore } from '@/store/navigation'
import { useSpaceStore } from '@/store/space'
import { useUserStore } from '@/store/user'
import { toast } from '@/utils/toast'
enum HttpCode {
Success = 200,
Unauthorized = 401,
RefreshToken = 402,
Fail = 500,
}
const WhiteList = [
'/auth/login/**',
'/auth/register/**',
'/auth/refresh/token',
]
function isWhiteListed(url: string) {
return WhiteList.some((pattern) => {
if (pattern.endsWith('/**')) {
const base = pattern.slice(0, -3)
return url.startsWith(base)
}
return url === pattern
})
}
const alovaInstance = createAlova({
// baseURL: 'http://192.168.5.6:8086/app',
baseURL: 'http://192.168.1.137:8086/app',
requestAdapter: axiosRequestAdapter(),
timeout: 5000,
cacheFor: null,
responded: {
onSuccess: async (response, method: Method) => {
const resData = response.data as ResponseData<any>
const result = {
...resData,
isSuccess: resData.code === HttpCode.Success,
}
// Access Token 失效 → 重新登录
if (resData.code === HttpCode.Unauthorized) {
useNavStore.getState().navigateToAuth()
return
}
// Access Token 过期但 Refresh Token 有效 → 刷新 token 并重试
if (resData.code === HttpCode.RefreshToken) {
try {
const refreshToken = useUserStore.getState().userInfo?.refreshToken
if (!refreshToken) {
useNavStore.getState().navigateToAuth()
return
}
// 调用刷新接口
const res = await alovaInstance.Get<ResponseData<RefreshTokenResult>>('/auth/refresh/token', {
headers: { refreshToken },
}).send()
const newToken = res.data.refreshToken
// 更新 store
useUserStore.getState().setUserInfo({
...useUserStore.getState().userInfo!,
token: newToken,
})
// 重试原请求
method.config.headers.token = newToken
const retryResult = await method.send()
return retryResult
}
catch (err) {
return Promise.reject(err)
}
}
return result
},
onError: (error: AxiosError, _method) => {
console.log(error.status)
switch (error.status) {
case 400:
toast.show({
title: '请求错误,请检查输入参数',
})
break
case 401:
toast.show({
title: '未授权,请重新登录',
})
break
case 403:
toast.show({
title: '没有权限访问该资源',
})
break
case 404:
toast.show({
title: '请求丢失啦,请稍后再试!',
})
break
case 500:
toast.show({
title: '服务器出错啦,请稍后重试',
})
break
case 502:
toast.show({
title: '网关错误,请稍后重试',
})
break
case 503:
toast.show({
title: '服务暂不可用,请稍后再试',
})
break
case 504:
toast.show({
title: '网关超时,请稍后再试',
})
break
default:
toast.show({
title: `服务器出错啦,请稍后重试`,
})
break
}
return Promise.reject(error)
},
},
beforeRequest(method) {
if (isWhiteListed(method.url))
return
if (!useUserStore.getState().isLoggedIn()) {
useNavStore.getState().navigateToAuth()
return Promise.reject(new Error('未登录'))
}
method.config.headers.token = useUserStore.getState().userInfo?.token ?? ''
const userSpace = useSpaceStore.getState().userSpace
if (userSpace !== null) {
const spaceID = userSpace.space_id
method.config.headers['x-space-id'] = spaceID
}
},
})
export default alovaInstance