vue 预渲染

1.安装

npm install prerender-spa-plugin --save

 

2.

 

在webpack.prod.conf.js 添加以下代码

const PrerenderSPAPlugin = require('prerender-spa-plugin')

const Renderer = PrerenderSPAPlugin.PuppeteerRenderer

 

new PrerenderSPAPlugin({

 

      staticDir: path.join(__dirname, '../dist'),

 

      routes: [ '/', '/index','/news','/news/newsCustom','/design' ],

 

      renderer: new Renderer({

        renderAfterTime: 10000, // Wait 5 seconds.

        headless: false, 

        renderAfterDocumentEvent: 'render-event', // render-event: 声明的方法名 

      })

    }),

 

3.

 

在main.js里添加

mounted() {

    document.dispatchEvent(new Event('render-event'))

  }