赵忠林
91e9a8c20f
- 添加了.dockerignore、.env.example和.gitignore配置文件 - 实现了文件服务器、模块API和服务器API的代理功能 - 创建了动态路由页面用于展示文章列表和详情 - 实现了商品详情页面包括图片展示和价格信息 - 添加了静态页面展示功能支持富文本内容渲染 - 配置了SEO元数据和面包屑导航组件
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
|