70 lines
2.0 KiB
TypeScript
70 lines
2.0 KiB
TypeScript
import type { CustomRequestOptions } from '@/http/types'
|
||
import { useTokenStore } from '@/store'
|
||
import { getEnvBaseUrl } from '@/utils'
|
||
import { stringifyQuery } from './tools/queryString'
|
||
|
||
// 请求基准地址
|
||
const baseUrl = getEnvBaseUrl()
|
||
|
||
// 拦截器配置
|
||
const httpInterceptor = {
|
||
// 拦截前触发
|
||
invoke(options: CustomRequestOptions) {
|
||
// 如果您使用了alova，则请把下面的代码放开注释
|
||
// alova 执行流程：alova beforeRequest --> 本拦截器 --> alova responded
|
||
// return options
|
||
|
||
// 非 alova 请求，正常执行
|
||
// 接口请求支持通过 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
|
||
if (JSON.parse(import.meta.env.VITE_APP_PROXY_ENABLE)) {
|
||
// 自动拼接代理前缀
|
||
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 = 60000 // 60s
|
||
// 2. （可选）添加小程序端请求头标识
|
||
options.header = {
|
||
...options.header,
|
||
}
|
||
// 3. 添加 token 请求头标识
|
||
const tokenStore = useTokenStore()
|
||
const token = tokenStore.validToken
|
||
|
||
if (token) {
|
||
options.header.Authorization = `Bearer ${token}`
|
||
}
|
||
return options
|
||
},
|
||
}
|
||
|
||
export const requestInterceptor = {
|
||
install() {
|
||
// 拦截 request 请求
|
||
uni.addInterceptor('request', httpInterceptor)
|
||
// 拦截 uploadFile 文件上传
|
||
uni.addInterceptor('uploadFile', httpInterceptor)
|
||
},
|
||
}
|