时间:2021-05-26
本文主要介绍了Vue2 SSR渲染根据不同页面修改 meta,分享给大家,具体如下:
注意:
经过测试, vue-meta 会导致内存泄漏, 请慎用…
以现在 vue2 的 服务端渲染模式, 都是通过 webpack 生成 html 模版文件(或者直接在 server.js 里拼接), 然后通过fs.readFileSync 读取该文件, 再通过 res.end 输出, 这样就造成 meta 修改很麻烦
这时候我们可以借助 vue-meta 来管理, 下面以官方的vue-hackernews-2.0为例, 说下使用方法:
安装
Yarn
NPM
准备插件
在router/index.js里添加
服务端渲染
在server-entry.js里添加
在server.js里修改
为
这里只选择替换 title 和 description, 如果还需要其他的, 自行添加正则
注意: 请保证模版中包含
和
修改路由组件
在路由组件添加
或者这样
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
花费了一个月时间,终于在新养车之家项目中成功部署了vue2服务端渲染(SSR),并且使用上了Vuex负责状态管理,首屏加载时间从之前4G网络下的1000ms,提
Nuxt.js是一个基于Vue.js的通用应用框架。集成了Vue2、Vue-Router、Vuex、Vue-Meta,用于开发完整而强大的Web应用。它的特性有
对于React,Vue构建的单页面应用老说,SEO是一个众所周知的问题。服务端渲染(SSR-serverSideRender)是目前看来最好的解决办法。Reac
服务端渲染(SSR)将一个Vue组件在服务端渲染成HTML字符串并发送到浏览器,最后将这些静态标记“激活”为可交互应用程序的过程就叫服务端渲染(SSR)服务器渲
vue-meta-info官方地址:monkeyWangs/vue-meta-info(设置vue单页面metainfo信息,如果需要单页面SEO,可以和pre