NUXT使用SSR部署到服务器进行SEO优化

关于NUXT.js 使用如何使用SSR进行SEO优化

发布前配置

nuxt.config.js文件修改如下配置

mode:‘universal’
ssr:true
server: {
port: 8000,//此处端口，必须为未占用的端口否则会报错
host: ‘0.0.0.0’,
timing: false
},

配置完成后，执行npm run build 注意，要执行build而不是generate。

上传部署

bulid完成后，会生成.nuxt文件夹。
将.nuxt static nuxt.config.js package.json文件全部上传至服务器空间。
上传后在package.json文件对应目录，打开终端执行

npm install

npm run build

npm run start

pm2 start npm – run start

若npm install失败，也可以直接把全部的前端文件上传至服务器（包括node_modules）（不是很推荐）

全部上传后，执行npm run build 和 npm run start
此时会有和前端一样的运行成功的按钮。

此时可关闭宝塔终端

使用pm2守护进程

测试可以进行npm run start之后，安装pm2进程管理器

npm install pm2 -g
pm2 start
ln -s /usr/local/node/node-v12.13.0-linux-x64/lib/node_modules/pm2/bin/pm2 /usr/local/bin/
注意，/usr/local/node/node-v12.13.0-linux-x64/lib/node_modules/pm2为node安装目录，请找准自己的安装目录进行替换。
pm2 startup
pm2 save （有些版本可省略save命令，他会自己执行save）

此时执行你的原域名:8000，即可查看到已进行seo优化的nuxt vue代码了

部署后更新

将更新后的文件上传后
执行npm run build
然后重启pm2守护进程
pm2 restart 你的项目名字