feat(app): 初始化项目配置和页面结构
- 添加 .dockerignore 和 .env.example 配置文件 - 添加 .gitignore 忽略规则配置 - 创建服务端代理API路由(_file、_modules、_server) - 集成 Ant Design Vue 组件库并配置SSR样式提取 - 定义API响应类型封装 - 创建基础布局组件(blank、console) - 实现应用中心页面和组件(AppsCenter) - 添加文章列表测试页面 - 配置控制台导航菜单结构 - 实现控制台头部组件 - 创建联系页面表单
This commit is contained in:
37
app/composables/usePageSeo.ts
Normal file
37
app/composables/usePageSeo.ts
Normal file
@@ -0,0 +1,37 @@
|
||||
import { useHead, useRequestURL, useSeoMeta } from '#app'
|
||||
|
||||
type SeoInput = {
|
||||
title: string
|
||||
description: string
|
||||
path?: string
|
||||
}
|
||||
|
||||
function getSiteOrigin() {
|
||||
if (import.meta.client) return window.location.origin
|
||||
try {
|
||||
return useRequestURL().origin
|
||||
} catch {
|
||||
return ''
|
||||
}
|
||||
}
|
||||
|
||||
export function usePageSeo(input: SeoInput) {
|
||||
const origin = getSiteOrigin()
|
||||
const url = input.path && origin ? new URL(input.path, origin).toString() : undefined
|
||||
|
||||
useSeoMeta({
|
||||
title: input.title,
|
||||
description: input.description,
|
||||
ogTitle: input.title,
|
||||
ogDescription: input.description,
|
||||
ogType: 'website',
|
||||
...(url ? { ogUrl: url } : {}),
|
||||
twitterCard: 'summary_large_image'
|
||||
})
|
||||
|
||||
if (url) {
|
||||
useHead({
|
||||
link: [{ rel: 'canonical', href: url }]
|
||||
})
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user