位置: 编程技术 - 正文

Vue2 SSR渲染根据不同页面修改 meta(vue的ssr渲染)

编辑:rootadmin

推荐整理分享Vue2 SSR渲染根据不同页面修改 meta(vue的ssr渲染),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue如何渲染后端数据,vue如何渲染后端数据,vue如何渲染后端数据,vue的ssr渲染,vue中的渲染是什么意思,vue的ssr渲染,vue的ssr渲染,vue的ssr渲染,内容如对您有帮助,希望把文章链接给更多的朋友!

本文主要介绍了Vue2 SSR渲染根据不同页面修改 meta,分享给大家,具体如下:

注意:

经过测试, vue-meta 会导致内存泄漏, 请慎用…

以现在 vue2 的 服务端渲染模式, 都是通过 webpack 生成 html 模版文件(或者直接在 server.js 里拼接), 然后通过fs.readFileSync 读取该文件, 再通过 res.end 输出, 这样就造成 meta 修改很麻烦

这时候我们可以借助 vue-meta 来管理, 下面以官方的vue-hackernews-2.0为例, 说下使用方法:

安装

Yarn

NPM

Vue2 SSR渲染根据不同页面修改 meta(vue的ssr渲染)

准备插件

在router/index.js里添加

服务端渲染

在server-entry.js里添加

在server.js里修改

这里只选择替换 title 和 description, 如果还需要其他的, 自行添加正则

注意: 请保证模版中包含

修改路由组件

在路由组件添加

或者这样

标签: vue的ssr渲染

本文链接地址:https://www.jiuchutong.com/biancheng/377398.html 转载请保留说明!

上一篇:详解vue+css3做交互特效的方法(vue css)

下一篇:VueJs 搭建Axios接口请求工具(怎么使用vue和axios连接后端)

  • 创业投资企业可以按照其对中小高新技术企业投资额的
  • 租赁合同管理台账范本
  • 水电费进项税转出填在哪一栏位
  • 利润的敏感性分析怎么做?
  • 企业奖金会计分录
  • 无形资产开发阶段
  • 加班餐费有发票怎么入账
  • 反结账只能反结上月的账吗
  • 怎么知道对方的支付宝账号
  • 纳税人在什么情况下可以延期申报
  • 企业所得税退税的会计分录怎么做
  • 住宅租给公司办什么手续
  • 劳务派遣劳务费发票怎么开
  • 误餐补助有限制性的规定吗
  • 付工程款现金怎么做凭证?
  • 美元汇户和钞户的区别
  • 合同结算账务处理分录
  • 网站防止被刷票怎么解决
  • 酒店采购布草如何入账
  • 个人投资额是什么意思
  • 劳动法律法规包含哪些
  • 普通发票主营业务怎么填
  • 经营租入的固定资产是什么意思
  • 配件买不到
  • 跨年庆典中燃放的歌曲
  • 同一控制下企业合并和非同一控制下企业合并的区别
  • php怎么输出文字
  • yolo行人检测
  • php redis数据类型
  • 模型调参是调节什么
  • stp 命令
  • wordpress文章主题
  • 印花税申报时间填错了怎么处理?
  • 固定资产内部转移单
  • 一般企业预缴税额怎么算
  • 所有者权益总计怎么算沙盘
  • phpcms是什么
  • mybatis模糊查询特殊字符处理
  • 律师跨省办案收取的费用叫什么
  • 税款所属期止
  • 物业费的税可以抵扣吗
  • 注销公司流程超详细
  • 为什么开票需要提供开户许可证
  • 企业返聘退休人员需要交社保吗
  • 去税务局流程
  • 把公司土地转让合法吗
  • 计提未到期责任准备金的意义
  • 公司私账银行流水
  • 公司的商务卡的作用
  • 商业承兑汇票结算会计分录
  • 开出发票后直接做账吗?
  • 外币存款利息是不是外币
  • 个体户未进行抄报税怎么处罚
  • 工业企业会计与管理论文
  • 会计里计提是什么意思
  • 总分类账户与明细分类账户的关系
  • 如何关闭系统快捷键
  • ie8-ie11
  • win10预览版21301bug
  • win8怎么设置自动开机
  • 电脑久了就会高温
  • windows10磁盘
  • 进去界面黑屏
  • win8怎么查看系统信息
  • win10系统谷歌浏览器为什么打不开
  • 在linux操作系统中
  • perl scripts
  • 持久化存储数据的方式
  • android 样式
  • 简述python语言
  • jquery prompt
  • android内存泄露 工具
  • scrollview用法
  • python pygame模块详解
  • 浅谈关于混合模式教学的看法
  • JavaSacript中charCodeAt()方法的使用详解
  • unity基于什么语言
  • 个体经营所得申报密码怎样设置
  • 代理记账公司自查自纠情况报告范文
  • 江苏税务查询授权验证码
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设