feat(pages): 添加文章和商品详情页及API代理配置
- 添加了.dockerignore、.env.example和.gitignore配置文件 - 实现了文件服务器、模块API和服务器API的代理功能 - 创建了动态路由页面用于展示文章列表和详情 - 实现了商品详情页面包括图片展示和价格信息 - 添加了静态页面展示功能支持富文本内容渲染 - 配置了SEO元数据和面包屑导航组件
This commit is contained in:
32
app/pages/[...slug].vue
Normal file
32
app/pages/[...slug].vue
Normal file
@@ -0,0 +1,32 @@
|
||||
<template>
|
||||
<div class="mx-auto max-w-screen-md px-4 py-16">
|
||||
<a-result status="404" title="页面建设中" sub-title="该页面暂未开放,建议返回首页或联系我们。">
|
||||
<template #extra>
|
||||
<a-space>
|
||||
<a-button type="primary" @click="navigateTo('/')">返回首页</a-button>
|
||||
<a-button @click="navigateTo('/contact')">联系我们</a-button>
|
||||
</a-space>
|
||||
</template>
|
||||
</a-result>
|
||||
|
||||
<a-card class="mt-6" size="small">
|
||||
<div class="text-sm text-gray-500">
|
||||
当前路径:<span class="font-mono">{{ path }}</span>
|
||||
</div>
|
||||
</a-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { usePageSeo } from '@/composables/usePageSeo'
|
||||
|
||||
const route = useRoute()
|
||||
const path = computed(() => route.fullPath || '/')
|
||||
|
||||
usePageSeo({
|
||||
title: '页面未开放',
|
||||
description: '该页面暂未开放,可返回首页或进入联系我们/经营范围。',
|
||||
path: route.path
|
||||
})
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user