概述

若 PC 端需要支持搜索引擎 SEO 抓取，采用基于 Nuxt.js 的服务端渲染（SSR）方案。该方案需要通过 Node.js 进程常驻运行（通常使用 PM2 守护）。

---

环境准备

• Node.js：Node.js >= 14.x
• PM2：进程守护管理器（可通过宝塔面板软件商店安装或 npm install pm2 -g）

---

构建配置与步骤

配置接口地址

在 view/pc/setting.js 中配置后端 API 接口域名：

const VUE_APP_API_URL = 'https://你的后端域名/api';
const VUE_APP_WS_URL = 'wss://你的后端域名/ws';

本地依赖安装与构建

在 view/pc/ 目录下执行：

npm install
npm run build

---

服务器部署与 PM2 守护

上传运行所需文件

将构建后的以下文件/文件夹上传到服务器 PC 站点目录：

• .nuxt/
• static/
• nuxt.config.js
• package.json
• setting.js

服务器安装依赖并启动

在服务器 PC 站点目录下执行：

npm install --production
pm2 start npm --name "pc-nuxt" -- run start -- -p 3000

Nginx 反向代理配置

在 PC 站点 Nginx 配置中将请求代理到 Nuxt 本地监听端口：

location / {
    proxy_pass http://127.0.0.1:3000;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}