feat(app): 添加多模板关于我们页面及相关路由和404页面

- 新增404页面,优化未找到页面体验,避免被搜索引擎索引
- 增加文件代理接口,隐藏真实文件服务器地址,支持文件请求代理
- 实现/article、/case、/product及/page动态路由兼容列表与详情展示
- 添加动态CMS页面兼容入口处理旧式路径,统一路由与SEO设置
- 新增模板1、模板7、模板2、模板3关于我们页面,实现多模板支持
- 模板增强支持CMS单页内容加载及SEO信息动态设置
- 配置环境变量及Git忽略文件规则辅助开发和构建环境管理
This commit is contained in:
2026-09-08 12:13:44 +08:00
commit 2b69686795
381 changed files with 59891 additions and 0 deletions
+35
View File
@@ -0,0 +1,35 @@
<template>
<div>
<Component :is="pageComponent" v-if="pageComponent" />
<SiteLoading v-else />
</div>
</template>
<script setup lang="ts">
/**
* 关于我们路由(独立页面类型,与 contact 同级)
*/
const { loadTemplate } = useTemplate()
const { siteInfo, fetchSiteInfo } = useSite()
await fetchSiteInfo()
const pageComponent = shallowRef<Component | null>(null)
// 同步加载当前模板(SSR/客户端路由切换均直接 await,避免先闪 SiteLoading
const components = await loadTemplate()
pageComponent.value = components?.About || null
usePageSeo(
{
title: '关于我们',
path: '/about'
},
siteInfo.value
)
useBreadcrumbSeo([
{ name: '首页', url: '/' },
{ name: '关于我们', url: '/about' }
])
</script>