使用Prerender.io 中间件渲染vue.js源码做SEO

vue 正常使用两种渲染源码方式。

1.Nuxt.js 官方比较推荐的一种方式。但是这种框架和vue原生传值不同。不合适已经做好的网站。

2.使用vue 插件prerender-spa-plugin插件，但缺点非常明显就是不支持动态数据。就能渲染静态页面。

今天说的是使用第3种。使用Prerender.io 中间件渲染vue.js源码。

原理是判断是否爬虫，如果判断是爬虫，就将在中间件服务端预渲染一遍。再将渲染好的源码返回给爬虫抓取。

 

1.先服务器安装git \ node.js 

sudo apt-get install curl // 请先确认服务器是否安装了curl 如果已经安装跳过即可
curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
sudo apt-get install -y nodejs
sudo apt-get install -y build-essential
// 如果不受 墙 影响可以忽略这步 并将下方cnpm换成npm即可
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

2.安装预渲染，预渲染是一个基于Node.js的的的的的程序，安装预渲染之前需要有Node.js的的的的环境。

git clone https://github.com/prerender/prerender.git
cd prerender
npm install
##启动server.js， 默认监听3000端口
node server.