每天进步一点点。。。??自己建了一个博客站，跑了好久，一直没有收录，才发现SEO对单页不是很友好。在网上学习和实践后，我们可以使用prerender-spa-plugin+vue-meta-info来做一个预渲染。1.安装插件使用以下命令安装对应的插件npminstallprerender-spa-plugin--savepminstallvue-meta-info--save2.修改配置1.创建vue.config.js文件，添加如下内容constPrerenderSPAPlugin=require('prerender-spa-plugin')constRenderer=PrerenderSPAPlugin.PuppeteerRendererconstpath=require('path')module.exports={configureWebpack:()=>{if(process.env.NODE_ENV!=='production')returnreturn{plugins:[newPrerenderSPAPlugin({staticDir:path.join(__dirname,'dist'),routes:['/','/message','/link','/about','/detail/id',"/search"],renderer:newRenderer({inject:{foo:'bar'},headless:false,renderAfterDocumentEvent:'render-event'})})]}},}2.修改main.js中的内容//引入metainfoimportMetaInfofrom'vue-meta-info'Vue.use(MetaInfo)newVue({router,store,render:h=>h(App),//添加下面一行mounted(){document.dispatchEvent(newEvent('render-event'))}}).$mount('#app')3.在对应的pag中添加如下内容eexportdefault{name:"关于",metaInfo:{title:"网页设计,模板分享,源码下载-迷茫博客",meta:[{name:"keyWords",content:"网页,简介,个人,小程序,博客”，}，{name:"description",content:"迷糊个人博客，一个专注前后端学习成长的编程爱好者，不定期更新分享踩坑过程，学习记录，网页模板，demo源码等，希望能认识更多的朋友。生成的目录3.采集效果这个只能是简单的过程，还有其他的方法，但是我自己没有实践过，就不发了（重点是我不会）
