team/Zncfont_V2
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

f

Browse Source
This commit is contained in:
Mrx
2026-03-21 12:29:38 +08:00
parent 91dbc161a0
commit 9d00aed1f0
4 changed files with 104 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

156
server/DEPLOY.md
View File

@@ -1,47 +1,33 @@
# 智能查 SEO 服务部署指南（纯 Nginx 方案）
## 方案说明
使用纯 Nginx 配置实现爬虫检测，无需 Node.js 服务器。
**工作原理：**
```
请求 → Nginx 检测 User-Agent
├─ 是爬虫 → 返回静态 SEO HTML 模板
└─ 普通用户 → 返回 SPA 应用
```
# 智能查 SEO 部署指南（纯 Nginx 方案）
## 部署步骤
### 1. 构建前端项目
### 1. 本地准备
确保 SEO 模板已生成：
```bash
cd /www/wwwroot/zhinengcha.cn
npm run build
```
### 2. 生成 SEO 模板到 dist 目录
```bash
cd /www/wwwroot/zhinengcha.cn/server
cd Zncfont_V2/server
node generate-seo-templates.cjs
```
生成后目录结构：
### 2. 上传文件到服务器
将以下文件/目录上传到服务器 `/www/wwwroot/zhinengcha.cn/`：
```
dist/
├── index.html
├── assets/
└── seo-templates/
zhinengcha.cn/
├── index.html # SPA 入口（dist 产物）
├── assets/ # 静态资源（dist 产物）
└── seo-templates/ # SEO 静态模板（从 public 复制）
├── index.html
├── agent.html
├── help.html
├── ...
└── ...
```
### 3. 修改 Nginx 配置
将以下配置复制到宝塔面板的站点配置中：
在宝塔面板中，将站点配置修改为以下内容：
```nginx
server
@@ -55,9 +41,8 @@ server
listen [::]:80;
server_name zhinengcha.cn www.zhinengcha.cn p.zhenaicha.cn;
index index.html index.htm default.htm default.html;
root /www/wwwroot/zhinengcha.cn/dist;
root /www/wwwroot/zhinengcha.cn;
#CERT-APPLY-CHECK--START
# 用于SSL证书申请时的文件验证相关配置 -- 请勿删除并保持这段设置在优先级高的位置
include /www/server/panel/vhost/nginx/well-known/zhinengcha.cn.conf;
#CERT-APPLY-CHECK--END
@@ -74,96 +59,81 @@ server
add_header Strict-Transport-Security "max-age=31536000";
add_header Alt-Svc 'quic=":443"; h3=":443"; h3-29=":443"; h3-27=":443";h3-25=":443"; h3-T050=":443"; h3-Q050=":443";h3-Q049=":443";h3-Q048=":443"; h3-Q046=":443"; h3-Q043=":443"';
error_page 497 https://$host$request_uri;
#SSL-END
#ERROR-PAGE-START 错误页配置，可以注释、删除或修改
#ERROR-PAGE-START
#error_page 404 /404.html;
#error_page 502 /502.html;
#ERROR-PAGE-END
#REWRITE-START URL重写规则引用,修改后将导致面板设置的伪静态规则失效
#REWRITE-START
include /www/server/panel/vhost/rewrite/html_zhinengcha.cn.conf;
#REWRITE-END
#禁止访问的文件或目录
location ~ ^/(\.user.ini|\.htaccess|\.git|\.env|\.svn|\.project|LICENSE|README.md)
{
return 404;
}
#一键申请SSL证书验证目录相关设置
location ~ \.well-known{
allow all;
}
# API 代理
location /api/v1 {
proxy_pass http://127.0.0.1:21004;
proxy_set_header Host 127.0.0.1:$server_port;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header REMOTE-HOST $remote_addr;
add_header X-Cache $upstream_cache_status;
proxy_set_header X-Host $host:$server_port;
proxy_set_header X-Scheme $scheme;
proxy_connect_timeout 30s;
proxy_read_timeout 86400s;
proxy_send_timeout 30s;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_pass http://127.0.0.1:21004;
proxy_set_header Host 127.0.0.1:$server_port;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header REMOTE-HOST $remote_addr;
add_header X-Cache $upstream_cache_status;
proxy_set_header X-Host $host:$server_port;
proxy_set_header X-Scheme $scheme;
proxy_connect_timeout 30s;
proxy_read_timeout 86400s;
proxy_send_timeout 30s;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}
# 前端路由处理 - 爬虫检测返回静态SEO页面
location / {
set $seo_page 0;
# 检测常见爬虫 User-Agent
set $is_bot 0;
if ($http_user_agent ~* "(baiduspider|googlebot|bingbot|msnbot|360spider|sogou|youdaobot|twitterbot|facebookexternalhit|linkedinbot|bytespider)") {
set $seo_page 1;
set $is_bot 1;
}
# 如果是爬虫，返回对应的 SEO 静态页面
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/$ /seo-templates/index.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/agent$ /seo-templates/agent.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/help$ /seo-templates/help.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/help/guide$ /seo-templates/help-guide.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/example$ /seo-templates/example.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/service$ /seo-templates/service.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/inquire/riskassessment$ /seo-templates/inquire-riskassessment.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/inquire/companyinfo$ /seo-templates/inquire-companyinfo.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/inquire/marriage$ /seo-templates/inquire-marriage.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/promote$ /seo-templates/promote.html last;
}
# 普通用户返回 SPA
try_files $uri $uri/ /index.html;
try_files $uri $uri/ /index.html;
}
# SEO 静态模板目录
location /seo-templates {
root /www/wwwroot/zhinengcha.cn/dist;
internal;
}
#禁止在证书验证目录放入敏感文件
if ( $uri ~ "^/\.well-known/.*\.(php|jsp|py|js|css|lua|ts|go|zip|tar\.gz|rar|7z|sql|bak)$" ) {
return 403;
}
@@ -192,23 +162,31 @@ server
nginx -t && nginx -s reload
```
## 验证部署
## 验证
```bash
# 模拟百度爬虫访问首页
curl -A "Mozilla/5.0 (compatible; Baiduspider/2.0)" https://www.zhinengcha.cn/
# 模拟百度爬虫
curl -A "Baiduspider" https://www.zhinengcha.cn/
# 模拟 Google 爬虫访问首页
curl -A "Mozilla/5.0 (compatible; Googlebot/2.1)" https://www.zhinengcha.cn/
# 普通浏览器访问（应返回 SPA）
curl -A "Mozilla/5.0 (Windows NT 10.0; Win64; x64) Chrome/120.0.0.0" https://www.zhinengcha.cn/
# 普通浏览器
curl -A "Chrome" https://www.zhinengcha.cn/
```
## 更新 SEO 配置
## 服务器目录结构
当修改 `useSEO.js` 中的 TDK 配置后：
1. 同步更新 `server/generate-seo-templates.cjs` 中的 `pageSEOConfigs`
2. 重新生成模板：`node generate-seo-templates.cjs`
3. 重新部署 `dist` 目录
```
/www/wwwroot/zhinengcha.cn/
├── index.html
├── assets/
└── seo-templates/
├── index.html
├── agent.html
├── help.html
├── help-guide.html
├── example.html
├── service.html
├── inquire-riskassessment.html
├── inquire-companyinfo.html
├── inquire-marriage.html
└── promote.html
```

2
server/generate-seo-templates.cjs
View File

@@ -215,7 +215,7 @@ ${JSON.stringify(structuredData, null, 8)}
* 主函数
*/
function main() {
const outputDir = path.join(__dirname, '../dist/seo-templates')
const outputDir = path.join(__dirname, '../public/seo-templates')
// 创建输出目录
if (!fs.existsSync(outputDir)) {

67
server/nginx-baota.conf
View File

@@ -9,7 +9,7 @@ server
listen [::]:80;
server_name zhinengcha.cn www.zhinengcha.cn p.zhenaicha.cn;
index index.html index.htm default.htm default.html;
root /www/wwwroot/zhinengcha.cn/dist;
root /www/wwwroot/zhinengcha.cn;
#CERT-APPLY-CHECK--START
# 用于SSL证书申请时的文件验证相关配置 -- 请勿删除并保持这段设置在优先级高的位置
include /www/server/panel/vhost/nginx/well-known/zhinengcha.cn.conf;
@@ -50,72 +50,65 @@ server
location ~ \.well-known{
allow all;
}
# API 代理
location /api/v1 {
proxy_pass http://127.0.0.1:21004;
proxy_set_header Host 127.0.0.1:$server_port;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header REMOTE-HOST $remote_addr;
add_header X-Cache $upstream_cache_status;
proxy_set_header X-Host $host:$server_port;
proxy_set_header X-Scheme $scheme;
proxy_connect_timeout 30s;
proxy_read_timeout 86400s;
proxy_send_timeout 30s;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_pass http://127.0.0.1:21004;
proxy_set_header Host 127.0.0.1:$server_port;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header REMOTE-HOST $remote_addr;
add_header X-Cache $upstream_cache_status;
proxy_set_header X-Host $host:$server_port;
proxy_set_header X-Scheme $scheme;
proxy_connect_timeout 30s;
proxy_read_timeout 86400s;
proxy_send_timeout 30s;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}
# 前端路由处理 - 爬虫检测返回静态SEO页面
location / {
set $seo_page 0;
set $is_bot 0;
# 检测常见爬虫 User-Agent
if ($http_user_agent ~* "(baiduspider|googlebot|bingbot|msnbot|360spider|sogou|youdaobot|twitterbot|facebookexternalhit|linkedinbot|bytespider)") {
set $seo_page 1;
set $is_bot 1;
}
# 如果是爬虫且是首页
if ($seo_page = 1) {
# 爬虫访问各页面返回对应 SEO 模板
if ($is_bot = 1) {
rewrite ^/$ /seo-templates/index.html last;
}
# 如果是爬虫且是其他页面
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/agent$ /seo-templates/agent.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/help$ /seo-templates/help.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/help/guide$ /seo-templates/help-guide.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/example$ /seo-templates/example.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/service$ /seo-templates/service.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/inquire/riskassessment$ /seo-templates/inquire-riskassessment.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/inquire/companyinfo$ /seo-templates/inquire-companyinfo.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/inquire/marriage$ /seo-templates/inquire-marriage.html last;
}
if ($seo_page = 1) {
if ($is_bot = 1) {
rewrite ^/promote$ /seo-templates/promote.html last;
}
# 普通用户返回 SPA
try_files $uri $uri/ /index.html;
}
# SEO 静态模板目录
location /seo-templates {
root /www/wwwroot/zhinengcha.cn/dist;
internal;
try_files $uri $uri/ /index.html;
}
#禁止在证书验证目录放入敏感文件

11
src/ui/CIVYZ81NC.vue
View File

@@ -63,16 +63,17 @@ const currentStatus = !actualData
:class="`status-label rounded-full px-6 py-3 text-center font-bold shadow-md ${currentStatus.bgClass} ${currentStatus.textClass}`">
{{ currentStatus.text }}
</div>
<div v-if="currentStatus.opDate" class="op-date-container mt-4 px-4 py-2 bg-blue-50 rounded-lg border border-blue-200">
<p class="op-date text-sm font-medium text-blue-700">
登记日期：{{ currentStatus.opDate }}
</p>
</div>
<p v-html="currentStatus.description" class="status-description mt-3 text-sm text-gray-600"></p>
</div>
</div>
</template>
<!-- <div v-if="currentStatus.opDate" class="op-date-container mt-4 px-4 py-2 bg-blue-50 rounded-lg border border-blue-200">
<p class="op-date text-sm font-medium text-blue-700">
登记日期：{{ currentStatus.opDate }}
</p>
</div> -->
<style lang="scss" scoped>
.status-info {