2b69686795
- 新增404页面,优化未找到页面体验,避免被搜索引擎索引 - 增加文件代理接口,隐藏真实文件服务器地址,支持文件请求代理 - 实现/article、/case、/product及/page动态路由兼容列表与详情展示 - 添加动态CMS页面兼容入口处理旧式路径,统一路由与SEO设置 - 新增模板1、模板7、模板2、模板3关于我们页面,实现多模板支持 - 模板增强支持CMS单页内容加载及SEO信息动态设置 - 配置环境变量及Git忽略文件规则辅助开发和构建环境管理
133 lines
3.3 KiB
TypeScript
133 lines
3.3 KiB
TypeScript
import type { Article, Product, CaseItem, ApiEnvelope, PageResult } from '~/types'
|
|
|
|
/**
|
|
* CMS 数据请求
|
|
* 封装文章、产品、案例等数据的获取逻辑
|
|
* 代理接口统一在 server/api/ 下
|
|
*/
|
|
export function useCms() {
|
|
/**
|
|
* 文章列表
|
|
* @param params.navigationId 导航栏目ID(从 getSiteInfo 的 topNavs 获取)
|
|
* @param params.page 页码
|
|
* @param params.limit 每页条数
|
|
* @param params.keywords 搜索关键词
|
|
*/
|
|
async function fetchArticles(params?: {
|
|
navigationId?: number
|
|
categoryId?: number
|
|
page?: number
|
|
limit?: number
|
|
keywords?: string
|
|
}) {
|
|
const res = await $fetch<ApiEnvelope<PageResult<Article>> | PageResult<Article>>(
|
|
'/api/article/list',
|
|
{ query: params }
|
|
)
|
|
|
|
const envelope = res as ApiEnvelope<PageResult<Article>>
|
|
if (envelope?.data) {
|
|
return envelope.data
|
|
}
|
|
return res as PageResult<Article>
|
|
}
|
|
|
|
/** 文章详情 */
|
|
async function fetchArticleDetail(id: string | number) {
|
|
const res = await $fetch<ApiEnvelope<Article> | Article>('/api/article/detail', {
|
|
query: { id }
|
|
})
|
|
|
|
const envelope = res as ApiEnvelope<Article>
|
|
return envelope?.data || (res as Article)
|
|
}
|
|
|
|
/**
|
|
* 根据导航模型获取文章列表
|
|
* model=article 的导航直接用 navigationId 查询
|
|
*/
|
|
async function fetchArticlesByNav(navigationId: number, page = 1, limit = 10) {
|
|
return fetchArticles({ navigationId, page, limit })
|
|
}
|
|
|
|
/** 产品列表 */
|
|
async function fetchProducts(params?: {
|
|
categoryId?: number
|
|
navigationId?: number
|
|
page?: number
|
|
limit?: number
|
|
keywords?: string
|
|
}) {
|
|
const res = await $fetch<ApiEnvelope<PageResult<Product>> | PageResult<Product>>(
|
|
'/api/product/list',
|
|
{ query: params }
|
|
)
|
|
|
|
const envelope = res as ApiEnvelope<PageResult<Product>>
|
|
if (envelope?.data) {
|
|
return envelope.data
|
|
}
|
|
return res as PageResult<Product>
|
|
}
|
|
|
|
/** 产品详情 */
|
|
async function fetchProductDetail(id: string | number) {
|
|
const res = await $fetch<ApiEnvelope<Product> | Product>('/api/product/detail', {
|
|
query: { id }
|
|
})
|
|
|
|
const envelope = res as ApiEnvelope<Product>
|
|
return envelope?.data || (res as Product)
|
|
}
|
|
|
|
/** 案例列表 */
|
|
async function fetchCases(params?: {
|
|
categoryId?: number
|
|
navigationId?: number
|
|
page?: number
|
|
limit?: number
|
|
}) {
|
|
const res = await $fetch<ApiEnvelope<PageResult<CaseItem>> | PageResult<CaseItem>>(
|
|
'/api/case/list',
|
|
{ query: params }
|
|
)
|
|
|
|
const envelope = res as ApiEnvelope<PageResult<CaseItem>>
|
|
if (envelope?.data) {
|
|
return envelope.data
|
|
}
|
|
return res as PageResult<CaseItem>
|
|
}
|
|
|
|
/** 案例详情 */
|
|
async function fetchCaseDetail(id: string | number) {
|
|
const res = await $fetch<ApiEnvelope<CaseItem> | CaseItem>('/api/case/detail', {
|
|
query: { id }
|
|
})
|
|
|
|
const envelope = res as ApiEnvelope<CaseItem>
|
|
return envelope?.data || (res as CaseItem)
|
|
}
|
|
|
|
/** 提交表单/留言 */
|
|
async function submitForm(data: Record<string, unknown>) {
|
|
const res = await $fetch<ApiEnvelope>('/api/form/submit', {
|
|
method: 'POST',
|
|
body: data
|
|
})
|
|
|
|
return res
|
|
}
|
|
|
|
return {
|
|
fetchArticles,
|
|
fetchArticleDetail,
|
|
fetchArticlesByNav,
|
|
fetchProducts,
|
|
fetchProductDetail,
|
|
fetchCases,
|
|
fetchCaseDetail,
|
|
submitForm
|
|
}
|
|
}
|