83 lines
2.5 KiB
TypeScript
83 lines
2.5 KiB
TypeScript
import type { CustomRequestOptions } from '@/http/types'
|
||
import { useUserStore } from '@/store'
|
||
import { getEnvBaseUrl } from '@/utils'
|
||
import { platform } from '@/utils/platform'
|
||
import { checkAndRefreshToken } from '@/utils/tokenRefresh'
|
||
import { stringifyQuery } from './tools/queryString'
|
||
|
||
// 请求基准地址
|
||
const baseUrl = getEnvBaseUrl()
|
||
|
||
// 拦截器配置
|
||
const httpInterceptor = {
|
||
// 拦截前触发
|
||
async invoke(options: CustomRequestOptions) {
|
||
// 接口请求支持通过 query 参数配置 queryString
|
||
if (options.query) {
|
||
const queryStr = stringifyQuery(options.query)
|
||
if (options.url.includes('?')) {
|
||
options.url += `&${queryStr}`
|
||
}
|
||
else {
|
||
options.url += `?${queryStr}`
|
||
}
|
||
}
|
||
// 非 http 开头需拼接地址
|
||
if (!options.url.startsWith('http')) {
|
||
// #ifdef H5
|
||
// console.log(__VITE_APP_PROXY__)
|
||
if (JSON.parse(__VITE_APP_PROXY__)) {
|
||
// 自动拼接代理前缀
|
||
options.url = import.meta.env.VITE_APP_PROXY_PREFIX + options.url
|
||
}
|
||
else {
|
||
options.url = baseUrl + options.url
|
||
}
|
||
// #endif
|
||
// 非H5正常拼接
|
||
// #ifndef H5
|
||
options.url = baseUrl + options.url
|
||
// #endif
|
||
// TIPS: 如果需要对接多个后端服务，也可以在这里处理，拼接成所需要的地址
|
||
}
|
||
// 1. 请求超时
|
||
options.timeout = 10000 // 10s
|
||
// 2. （可选）添加小程序端请求头标识
|
||
options.header = {
|
||
...options.header,
|
||
}
|
||
// 3. 检查并刷新token（如果即将过期）
|
||
const userStore = useUserStore()
|
||
const { accessToken } = userStore
|
||
|
||
// 如果有访问令牌且不是刷新token的请求，检查是否需要刷新
|
||
if (accessToken && !options.url.includes('/auth/refresh')) {
|
||
try {
|
||
await checkAndRefreshToken()
|
||
}
|
||
catch (error) {
|
||
console.error('Token刷新失败:', error)
|
||
// 刷新失败时继续原请求，让业务层处理401错误
|
||
}
|
||
}
|
||
|
||
// 4. 添加 token 请求头标识
|
||
// 重新获取token（可能已经刷新过了）
|
||
const currentToken = useUserStore().accessToken
|
||
if (currentToken) {
|
||
options.header.Authorization = `Bearer ${currentToken}`
|
||
}
|
||
|
||
return options
|
||
},
|
||
}
|
||
|
||
export const requestInterceptor = {
|
||
install() {
|
||
// 拦截 request 请求
|
||
uni.addInterceptor('request', httpInterceptor)
|
||
// 拦截 uploadFile 文件上传
|
||
uni.addInterceptor('uploadFile', httpInterceptor)
|
||
},
|
||
}
|