PC端SEO模式④

展开

PC端SEO模式④

## 说明
默认情况，部署好服务端以后，访问http://域名/pc 即访问pc端。 
如果PC端需要支持SEO模式，使用node服务进行服务端渲染，按下面步骤操作。 
## 本地node环境安装
打开[https://nodejs.org/en/download/releases/](https://nodejs.org/en/download/releases/)，下载Node.js 14.17.2，建议使用与likeshop官方一样的版本，避免编译出现未知错误。根据系统下载对应的版本，windows可以下载msi结尾文件，方便安装。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=e8b48a7a500ed241e627df613174431a)
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=90ba200cff858143a40a5d63f98d9e18) 
安装过程中，记得勾上“Automatically……”选项，可以自动配置环境变量。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=c9faf3f1295fefdf125db09ec9690d17) 
打开终端，在终端运行`npm config set registry https://registry.npm.taobao.org`，将npm的源设置为淘宝镜像。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=74798630222ab659bdb975658ac24675)

## PC端SEO模式打包编译
打开/pc/nuxt.config.js，将ssr的值改成true，找到 base: ‘/pc/‘，注释掉，**记得保存文件。**
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=34eb9088ae3254fe334f7640ed45e331) 
打开/pc/config/app.js，将productUrl的值改成线上部署的域名，记得保存文件。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=2c0033345db647f03f63ee5d93811cd1) 
打开终端，使用cd命令进入/pc目录，运行`npm install`命令安装依赖，运行`npm run build`打包编译。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=fc3bdf035ed643f396cfc26c4a2669df)
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=ba0a799bf86b1bb2af8cfecebc74ce2d) 
打包编译好以后，将原/pc的目录上传到服务器。

## 服务器部署
部署之前，如果服务器没有安装node，需要打开宝塔【软件商店】，搜索“node”，安装【Node.js版本管理器 1.6】。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=4c746b40ca009bf9c930348de771c902) 
点击【网站】-【Node项目】-【Node版本管理器】，设置【显示所有版本】，找到Node版本为v14.17.2，然后安装。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=5c03d406b7e377271995e3f7dfc69584) 
打开【网站】-【node项目】-【添加node项目】，设置好打包后上传的文件夹位置路径、域名等参数,然后添加即可。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=4a05e7255ce904e73112a65d4d47df95)
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=856c9e296e66cb583ac76f4946550938) 
如果上一步安装依赖时间超过15分钟，直接刷新页面，进入node项目设置，【服务状态】，手动启动项目。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=d8fe048e8c64b59ecb0cd7b36bec70c8) 
启动后打开设置的域名，即可使用SEO模式访问PC端。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=549a8db0514a4fc431d8fec888a41a4b)