关于 vue 预渲染

npm i prerender-spa-plugin

  因为用到puppepeer，而puppepeer需要chromium，而 chromium 无法下载。

  关于 puppepeer，网上可以找到解决方法。首先，

set PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=1

  然后，

npm i puppepeer -S

  puppepeer安装上了，并且 chromium 也下载成功（莫名其妙）。

npm i prerender-spa-plugin

  成功。然后，webpack 配置文件，

const prerenderSpaPlugin = require('prerender-spa-plugin');

……
plugins: [
    new VueLoaderPlugin(),
    new prerenderSpaPlugin({
      staticDir: path.resolve(__dirname,'dist'),
      routes: ['/','/summary','/detail1','/detail2','/detail3','/detail4']
    }),
    ……
  ]
……

  运行后dist文件夹下面确实多了些文件夹。但访问的页面并不是预渲染的页面。貌似服务器方面要做一些配置。就这样了，太蛋疼。vue 还是做一些不需要 SEO 的页面吧，一定要在需要 SEO 的页面上用的话，只做一些交互增强就好了，组件这些还是算了。