feat(pages): 添加文章和商品详情页及API代理配置

- 添加了.dockerignore、.env.example和.gitignore配置文件
- 实现了文件服务器、模块API和服务器API的代理功能
- 创建了动态路由页面用于展示文章列表和详情
- 实现了商品详情页面包括图片展示和价格信息
- 添加了静态页面展示功能支持富文本内容渲染
- 配置了SEO元数据和面包屑导航组件
This commit is contained in:
2026-02-12 13:52:55 +08:00
commit 91e9a8c20f
322 changed files with 48203 additions and 0 deletions

46
app/plugins/antd.ts Normal file
View File

@@ -0,0 +1,46 @@
import Antd from 'ant-design-vue'
import { createCache, extractStyle } from 'ant-design-vue/es/_util/cssinjs'
function parseStyleTags(styleHTML: string) {
const tags: Array<Record<string, any>> = []
const styleTagRe = /<style([^>]*)>([\s\S]*?)<\/style>/gi
let match: RegExpExecArray | null
while ((match = styleTagRe.exec(styleHTML))) {
const rawAttrs = (match[1] || '').trim()
const children = match[2] || ''
const props: Record<string, any> = { children }
const attrRe = /([^\s=]+)\s*=\s*"([^"]*)"/g
let a: RegExpExecArray | null
while ((a = attrRe.exec(rawAttrs))) {
const key = a[1]
const value = a[2]
props[key] = value
}
tags.push(props)
}
return tags
}
export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.use(Antd)
// Ant Design Vue 4 uses css-in-js for component styles. Without SSR extraction,
// users will see a flash of unstyled content on refresh until hydration completes.
const cssinjsCache = createCache()
;(nuxtApp.vueApp.config.globalProperties as any).__ANTDV_CSSINJS_CACHE__ = cssinjsCache
if (import.meta.server) {
nuxtApp.hook('app:rendered', ({ ssrContext }) => {
if (!ssrContext) return
const styleText = extractStyle(cssinjsCache)
const styleTags = parseStyleTags(styleText)
if (styleTags.length) {
ssrContext.head.push({ style: styleTags as any })
}
})
}
})