feat(pages): 添加文章和商品详情页及API代理配置
- 添加了.dockerignore、.env.example和.gitignore配置文件 - 实现了文件服务器、模块API和服务器API的代理功能 - 创建了动态路由页面用于展示文章列表和详情 - 实现了商品详情页面包括图片展示和价格信息 - 添加了静态页面展示功能支持富文本内容渲染 - 配置了SEO元数据和面包屑导航组件
This commit is contained in:
25
server/api/_file/[...path].ts
Normal file
25
server/api/_file/[...path].ts
Normal file
@@ -0,0 +1,25 @@
|
||||
import { defineEventHandler, getHeader, getRequestURL, getRouterParam, proxyRequest } from 'h3'
|
||||
import { useRuntimeConfig } from '#imports'
|
||||
|
||||
function joinURL(base: string, path: string) {
|
||||
if (!path) return base
|
||||
return base.replace(/\/+$/, '') + '/' + path.replace(/^\/+/, '')
|
||||
}
|
||||
|
||||
export default defineEventHandler((event) => {
|
||||
const config = useRuntimeConfig()
|
||||
const fileServerBase = config.public.fileServerBase || 'https://server.websoft.top'
|
||||
const path = getRouterParam(event, 'path') || ''
|
||||
const search = getRequestURL(event).search
|
||||
const target = joinURL(fileServerBase, path) + search
|
||||
|
||||
const tenantId = getHeader(event, 'tenantid') || config.public.tenantId
|
||||
const authorization = getHeader(event, 'authorization')
|
||||
|
||||
return proxyRequest(event, target, {
|
||||
headers: {
|
||||
TenantId: String(tenantId),
|
||||
...(authorization ? { Authorization: String(authorization) } : {})
|
||||
}
|
||||
})
|
||||
})
|
||||
26
server/api/_modules/[...path].ts
Normal file
26
server/api/_modules/[...path].ts
Normal file
@@ -0,0 +1,26 @@
|
||||
import { defineEventHandler, getHeader, getRequestURL, getRouterParam, proxyRequest } from 'h3'
|
||||
import { useRuntimeConfig } from '#imports'
|
||||
|
||||
function joinURL(base: string, path: string) {
|
||||
if (!path) return base
|
||||
return base.replace(/\/+$/, '') + '/' + path.replace(/^\/+/, '')
|
||||
}
|
||||
|
||||
export default defineEventHandler((event) => {
|
||||
const config = useRuntimeConfig()
|
||||
const modulesApiBase =
|
||||
config.public.modulesApiBase || config.public.ApiBase || 'https://cms-api.websoft.top/api'
|
||||
const path = getRouterParam(event, 'path') || ''
|
||||
const search = getRequestURL(event).search
|
||||
const target = joinURL(modulesApiBase, path) + search
|
||||
|
||||
const tenantId = getHeader(event, 'tenantid') || config.public.tenantId
|
||||
const authorization = getHeader(event, 'authorization')
|
||||
|
||||
return proxyRequest(event, target, {
|
||||
headers: {
|
||||
TenantId: String(tenantId),
|
||||
...(authorization ? { Authorization: String(authorization) } : {})
|
||||
}
|
||||
})
|
||||
})
|
||||
25
server/api/_server/[...path].ts
Normal file
25
server/api/_server/[...path].ts
Normal file
@@ -0,0 +1,25 @@
|
||||
import { defineEventHandler, getHeader, getRequestURL, getRouterParam, proxyRequest } from 'h3'
|
||||
import { useRuntimeConfig } from '#imports'
|
||||
|
||||
function joinURL(base: string, path: string) {
|
||||
if (!path) return base
|
||||
return base.replace(/\/+$/, '') + '/' + path.replace(/^\/+/, '')
|
||||
}
|
||||
|
||||
export default defineEventHandler((event) => {
|
||||
const config = useRuntimeConfig()
|
||||
const serverApiBase = config.public.serverApiBase || config.public.ServerApi || 'https://server.websoft.top/api'
|
||||
const path = getRouterParam(event, 'path') || ''
|
||||
const search = getRequestURL(event).search
|
||||
const target = joinURL(serverApiBase, path) + search
|
||||
|
||||
const tenantId = getHeader(event, 'tenantid') || config.public.tenantId
|
||||
const authorization = getHeader(event, 'authorization')
|
||||
|
||||
return proxyRequest(event, target, {
|
||||
headers: {
|
||||
TenantId: String(tenantId),
|
||||
...(authorization ? { Authorization: String(authorization) } : {})
|
||||
}
|
||||
})
|
||||
})
|
||||
42
server/api/cms-navigation.get.ts
Normal file
42
server/api/cms-navigation.get.ts
Normal file
@@ -0,0 +1,42 @@
|
||||
import { $fetch } from 'ofetch'
|
||||
import { createError, defineEventHandler, getHeader, getQuery } from 'h3'
|
||||
import { useRuntimeConfig } from '#imports'
|
||||
|
||||
// Frontend-friendly endpoint:
|
||||
// GET /api/cms-navigation?parentId=xxxx
|
||||
// Proxies to CMS modules API. Some deployments expose "/cms-navigation", others "/cms/cms-navigation".
|
||||
export default defineEventHandler(async (event) => {
|
||||
const config = useRuntimeConfig()
|
||||
const query = getQuery(event)
|
||||
const modulesApiBase =
|
||||
config.public.modulesApiBase || config.public.ApiBase || 'https://cms-api.websoft.top/api'
|
||||
|
||||
const tenantId =
|
||||
getHeader(event, 'tenantid') ||
|
||||
config.public.tenantId ||
|
||||
config.public.TenantId ||
|
||||
'10584'
|
||||
const authorization = getHeader(event, 'authorization')
|
||||
|
||||
const headers = {
|
||||
TenantId: String(tenantId),
|
||||
...(authorization ? { Authorization: String(authorization) } : {})
|
||||
}
|
||||
|
||||
const upstreamCandidates = ['/cms-navigation', '/cms/cms-navigation']
|
||||
let lastError: any
|
||||
|
||||
for (const path of upstreamCandidates) {
|
||||
try {
|
||||
return await $fetch(path, { baseURL: modulesApiBase, headers, query })
|
||||
} catch (error: any) {
|
||||
lastError = error
|
||||
}
|
||||
}
|
||||
|
||||
throw createError({
|
||||
statusCode: lastError?.statusCode || lastError?.response?.status || 502,
|
||||
statusMessage: lastError?.statusMessage || 'Failed to fetch cms navigation'
|
||||
})
|
||||
})
|
||||
|
||||
2
server/api/cms/cms-navigation.get.ts
Normal file
2
server/api/cms/cms-navigation.get.ts
Normal file
@@ -0,0 +1,2 @@
|
||||
export { default } from '../cms-navigation.get'
|
||||
|
||||
33
server/api/cms/cms-website/getSiteInfo.get.ts
Normal file
33
server/api/cms/cms-website/getSiteInfo.get.ts
Normal file
@@ -0,0 +1,33 @@
|
||||
import { $fetch } from 'ofetch'
|
||||
import { createError, defineEventHandler, getHeader, getQuery } from 'h3'
|
||||
import { useRuntimeConfig } from '#imports'
|
||||
|
||||
export default defineEventHandler(async (event) => {
|
||||
const config = useRuntimeConfig()
|
||||
const query = getQuery(event)
|
||||
const modulesApiBase =
|
||||
config.public.modulesApiBase || config.public.ApiBase || 'https://cms-api.websoft.top/api'
|
||||
|
||||
const tenantId =
|
||||
getHeader(event, 'tenantid') ||
|
||||
config.public.tenantId ||
|
||||
config.public.TenantId ||
|
||||
'10584'
|
||||
const authorization = getHeader(event, 'authorization')
|
||||
|
||||
try {
|
||||
return await $fetch('/cms/cms-website/getSiteInfo', {
|
||||
baseURL: modulesApiBase,
|
||||
headers: {
|
||||
TenantId: String(tenantId),
|
||||
...(authorization ? { Authorization: String(authorization) } : {})
|
||||
},
|
||||
query
|
||||
})
|
||||
} catch (error: any) {
|
||||
throw createError({
|
||||
statusCode: error?.statusCode || error?.response?.status || 502,
|
||||
statusMessage: error?.statusMessage || 'Failed to fetch site info'
|
||||
})
|
||||
}
|
||||
})
|
||||
Reference in New Issue
Block a user