vue使用prerender-spa-plugin预渲染达到SEO优化

1.安装prerender-spa-plugin

npm config set puppeteer_download_host=https://npm.taobao.org/mirrors
npm i puppeteer
npm i prerender-spa-plugin --save -dev

2.在router.js看下路由模式是不是 ‘history’，不是的请换成history

3.在vue.config.js配置

const PrerenderSPAPlugin = require('prerender-spa-plugin');
const Renderer = PrerenderSPAPlugin.PuppeteerRenderer;
configureWebpack: {
	 plugins: [
  		new PrerenderSPAPlugin({
	 	// 生成文件的路径，也可以与webpakc打包的一致。
	 	// 下面这句话非常重要！！！
	 	// 这个目录只能有一级，如果目录层次大于一级，在生成的时候不会有任何错误提示，在预渲染的时候只会卡着不动。
			staticDir: path.join(__dirname,'dist'),
	  		// 对应自己的路由文件，比如a有参数，就需要写成 /a/param1。
	 		routes: ['/', '/team', '/analyst','/voter','/sponsor',],
	 		// 这个很重要，如果没有配置这段，也不会进行预编译
			renderer: new Renderer({
		         inject: {
					foo: 'bar'
		 		},