赵忠林
5e26fdc7fb
- 添加 .dockerignore 和 .env.example 配置文件 - 添加 .gitignore 忽略规则配置 - 创建服务端代理API路由（_file、_modules、_server） - 集成 Ant Design Vue 组件库并配置SSR样式提取 - 定义API响应类型封装 - 创建基础布局组件（blank、console） - 实现应用中心页面和组件（AppsCenter） - 添加文章列表测试页面 - 配置控制台导航菜单结构 - 实现控制台头部组件 - 创建联系页面表单
102 lines
2.9 KiB
TypeScript
102 lines
2.9 KiB
TypeScript
import { useRequestFetch, useRuntimeConfig } from '#imports'
|
|
import { MODULES_API_URL, SERVER_API_URL } from '@/config/setting'
|
|
import { getTenantId } from '@/utils/domain'
|
|
import { getToken } from '@/utils/token-util'
|
|
|
|
type RequestConfig = {
|
|
params?: Record<string, any>
|
|
data?: any
|
|
headers?: Record<string, any>
|
|
responseType?: 'json' | 'blob' | 'text' | 'arrayBuffer'
|
|
}
|
|
|
|
type AxiosLikeResponse<T> = {
|
|
data: T
|
|
}
|
|
|
|
type NuxtFetch = ReturnType<typeof useRequestFetch>
|
|
type NuxtFetchOptions = NonNullable<Parameters<NuxtFetch>[1]>
|
|
type NuxtFetchMethod = NonNullable<NuxtFetchOptions['method']>
|
|
|
|
function getFetch(): NuxtFetch {
|
|
try {
|
|
return useRequestFetch()
|
|
} catch {
|
|
return globalThis.$fetch as unknown as NuxtFetch
|
|
}
|
|
}
|
|
|
|
function normalizeUrl(url: string) {
|
|
const config = useRuntimeConfig()
|
|
const serverBase = config.public.serverApiBase
|
|
const modulesBase = config.public.modulesApiBase
|
|
|
|
if (url.startsWith(serverBase)) {
|
|
return SERVER_API_URL + url.slice(serverBase.length)
|
|
}
|
|
if (url.startsWith(modulesBase)) {
|
|
return MODULES_API_URL + url.slice(modulesBase.length)
|
|
}
|
|
return url
|
|
}
|
|
|
|
function mergeHeaders(headers?: Record<string, any>) {
|
|
const config = useRuntimeConfig()
|
|
const tenantId = headers?.TenantId ?? headers?.tenantId ?? getTenantId(String(config.public.tenantId))
|
|
const token = getToken()
|
|
|
|
const merged: Record<string, string> = {
|
|
TenantId: String(tenantId)
|
|
}
|
|
|
|
if (token) {
|
|
merged.Authorization = token
|
|
}
|
|
|
|
if (headers) {
|
|
for (const [key, value] of Object.entries(headers)) {
|
|
if (value === undefined || value === null) continue
|
|
merged[key] = String(value)
|
|
}
|
|
}
|
|
|
|
return merged
|
|
}
|
|
|
|
function withDefaultModuleBase(url: string) {
|
|
if (url.startsWith('http://') || url.startsWith('https://')) return url
|
|
if (url.startsWith('/api/')) return url
|
|
if (url.startsWith(SERVER_API_URL) || url.startsWith(MODULES_API_URL)) return url
|
|
if (!url.startsWith('/')) return MODULES_API_URL + '/' + url
|
|
return MODULES_API_URL + url
|
|
}
|
|
|
|
async function request<T>(
|
|
method: NuxtFetchMethod,
|
|
url: string,
|
|
body?: any,
|
|
config: RequestConfig = {}
|
|
): Promise<AxiosLikeResponse<T>> {
|
|
const $fetch = getFetch()
|
|
const normalized = withDefaultModuleBase(normalizeUrl(url))
|
|
|
|
const data = await $fetch<T>(normalized, {
|
|
method,
|
|
query: config.params,
|
|
body: body ?? config.data,
|
|
headers: mergeHeaders(config.headers),
|
|
responseType: config.responseType as any
|
|
})
|
|
|
|
return { data }
|
|
}
|
|
|
|
const requestClient = {
|
|
get: <T>(url: string, config?: RequestConfig) => request<T>('GET', url, undefined, config),
|
|
delete: <T>(url: string, config?: RequestConfig) => request<T>('DELETE', url, undefined, config),
|
|
post: <T>(url: string, data?: any, config?: RequestConfig) => request<T>('POST', url, data, config),
|
|
put: <T>(url: string, data?: any, config?: RequestConfig) => request<T>('PUT', url, data, config)
|
|
}
|
|
|
|
export default requestClient
|