vue配置页面预渲染（将页面静态化，便于seo读取）

1. 在项目中安装prerender-spa-plugin

   $ npm install --save prerender-spa-plugin
   

2. 找到bulid目录下的webpack.prod.conf.js文件，在其中写入以下内容：
   在文件的上方写入：

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

   找到webpackConfig.plugins.push{}并在里面写入：

   // 配置PrerenderSPAPlugin
   new PrerenderSpaPlugin(
     // 编译后的html需要存放的路径
     path.join(__dirname, '../dist'),
     // 列出哪些路由需要预渲染
     ['/','/community', '/onlinelearning','/trainandprove'],
   )
   

3. 找到index.js，在const router = new Router({ })中写入：

   mode:'history',
   

这样就完成啦~