PC端SEO模式④
约 492 字大约 2 分钟
2025-06-05
说明
默认情况,部署好服务端以后,访问http://域名/pc 即访问pc端。
如果PC端需要支持SEO模式,使用node服务进行服务端渲染,按下面步骤操作。
node环境安装
打开https://nodejs.org/en/download/releases/,下载Node.js 14.21.3,建议使用与tmshop官方一样的版本,避免编译出现未知错误。根据系统下载对应的版本,windows可以下载msi结尾文件,方便安装。
安装过程中,记得勾上“Automatically……”选项,可以自动配置环境变量。
打开终端,在终端运行npm config set registry https://registry.npm.taobao.org
,将npm的源设置为淘宝镜像。
PC端SEO模式打包编译
打开/pc/nuxt.config.js,将ssr的值改成true,找到 base: ‘/pc/‘,注释掉,记得保存文件。
打开/pc/config/app.js,将productUrl的值改成线上部署的域名,记得保存文件。
打开终端,使用cd命令进入/pc目录,运行npm install
命令安装依赖,运行npm run build
打包编译。
打包编译好以后,将原/pc的目录上传到服务器。
服务器部署
部署之前,如果服务器没有安装node,需要打开宝塔【软件商店】,搜索“node”,安装【Node.js版本管理器 1.6】。
点击【网站】-【Node项目】-【Node版本管理器】,设置【显示所有版本】,找到Node版本为v14.17.2,然后安装。
打开【网站】-【node项目】-【添加node项目】,设置好打包后上传的文件夹位置路径、域名等参数,然后添加即可。
如果上一步安装依赖时间超过15分钟,直接刷新页面,进入node项目设置,【服务状态】,手动启动项目。
启动后打开设置的域名,即可使用SEO模式访问PC端。