位置: 编程技术 - 正文

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连接后端)

  • 济南非税是什么意思
  • 股东权益合计在报表哪里看
  • 税务机关六位地区编码是什么
  • 债务重组偿债顺序
  • 申报抵扣了不做账怎么处理?
  • 企业预收款项业务不多的情况下可以不设置预收账款科目
  • 2021 上海房产税
  • 企业办税人员收入怎么算
  • 监控设备的维修保养
  • 对公账户提取备用金可以每天提现嘛
  • 专票作废流程是什么意思
  • 建筑劳务公司人员结构
  • 差旅费可以支取现金吗
  • 一般纳税人注销库存需要补交税吗
  • 赞助贫困学生的语句
  • 知识产权代理公司怎么盈利
  • 个体工商户出售住房增值税
  • 上年的一张服务费的发票能否做账到今年?
  • 金蝶kis期初余额设置
  • 小宝宝耸肩膀缩脖子
  • 如何把文件夹加密码锁手机
  • 生产企业出口退税全部流程
  • 剪切快捷键ctrl加什么?
  • 股东投资款验资后可以转出吗
  • gws.exe是啥
  • 最高像素是什么
  • 支票怎么用,开了支票立即可以取钱吗
  • 煤炭企业的会计科目
  • 计算机视觉会议2023年11月
  • 可抵扣增值税有哪些
  • 海月水母有性别吗
  • thinkphp 登录功能
  • 小狐狸803050
  • 生产成本制造费用怎么算
  • async/await原理
  • php 上传文件
  • three.js 教程
  • 应交税金及附加包括哪些
  • 【深度学习时间序列预测案例】零基础入门经典深度学习时间序列预测项目实战(附代码+数据集+原理介绍)
  • vue前端模板网站
  • vue从入门到精通教程
  • paper 1
  • 给最爱的他
  • 预支工资的借条图片
  • 应交增值税为负数怎么处理
  • 购买公司支付的钱怎么做账
  • 企业所得税报表怎么更正
  • 免税后的商品有什么优势?
  • 公司的融资租赁怎么做账
  • 金融资产减值包括
  • 电子口岸无纸化报关
  • 小微企业增值税优惠政策最新2023
  • 购销合同印花税税率表
  • 出售金融资产计入
  • 小规模纳税人购买原材料会计分录
  • 应收账款核算流程
  • 出纳需要填写会计凭证吗
  • 建行e信通贴现高不高
  • 汽车折旧会计凭证怎么做
  • 经营利润所得税费用
  • 购买单位什么意思
  • 外贸企业有内销和外销是否分开做账
  • mysql数据库优化面试题
  • 实用的银行转账怎么转
  • SQL server 字符串函数
  • win8系统中断怎么解决
  • win8系统怎么设置桌面图标
  • culauncherexe是什么进程
  • win7系统在那个文件夹
  • win8的开始
  • window10 .net3.5
  • css分页样式
  • bootstrap要学吗
  • python设计gui
  • flask框架官方文档
  • js闭包的用处
  • python toad
  • 收购烟叶可抵扣进项税
  • 试运行期间的收入应如何处理
  • 新时代新思想基层医疗宣讲
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设