nuxt.js PC端入如何服务端渲染（支持SEO模式）④

展开

## 说明
安装完程序以后，默认可以访问PC端，**一般情况下，不需要再部署**。如果有SEO需求，我们就需要使用node服务器运行PC端。

## 部署
### 文件修改
1.打开likeshop/pc/nuxt.config.js，将ssr的值改成true，找到 base: '/pc/'，注释掉。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=56362822e37510a91e6838858edc49ed)
 
2.打开likeshop/pc/config/app.js，将productUrl的值改成域名。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=7e06f25a14db09846934a769bbb68f7a)

### 编译
1.cd命令进入likeshop/server/pc，运行 `npm install`安装依赖，运行`npm run build`编译。
![](https://md.likeshop.cn/Public/Uploads/2022-02-25/62184bd96423e.png) 
2.编译成功好，会生成以下文件,将pc端目录提交到服务器，注意，其中.nuxt是隐藏文件，不要遗漏。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=7c1a44b876ec32378e0acdb0e5046bd8)

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