5656345745782346234

本文分享了B站使用Node进行前端架构优化的经验,重点介绍了一年内访问量从百万级增长到亿级的技术挑战及解决方案,特别是如何在Vue项目中实现热更新,以减少Node服务的发布次数,保持服务稳定。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

各位小伙伴好,好久没有写文章了,这次分享一下我们从使用node以来,前端架构上的一些优化

如果看过我上一篇文章[B站的前端之路](B站的前端之路 - 掘金)的小伙伴可能知道 我们从去年开始打烊 使用node 到现在已经经历了一年的迭代,承载的访问量也从百万级别 扩大到了现在的亿级别,这次补充一些干货吧~

vue如何实现热更新

我们都知道,对于node来说,前端vue代码的迭代节奏是很快的,可能一周要迭代几次,但是node的迭代却没那么平凡,可能一周更新一次甚至更久,那么为了node服务的稳定,减少node服务的发布次数,是非常有用的。

配置中心是肯定需要的,因为需要通过配置不同的资源版本号,来通知node服务更新服务上的版本号

那么 我们的vue代码 要如何改造才能实现热更新呢?

我们就以vue官方给的例子来看

以下代码是我截取的两段代码[官方案例](https://github.com/vuejs/vue-hackernews-2.0/blob/master/server.js):

首先他定义了一个createRenderer的方法, 里面调用的是vue-ssr的createBundleRender方法来创建的渲染函数

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值