169
我用 Vue 做了个小工具，代码已开源，欢迎拍砖
网上关于 Vue 的文章大多停在「怎么用」，很少有人写「什么时候不该用」。这篇想补上后半句。
监控这块我们也顺手改了：把原来的平均值告警换成分位数，并且按接口拆分。改完之后误报少了大概七成，值班同学的怨气肉眼可见地下降了。
图片占位 · 真实环境走对象存储
POST /api/uploads → CDN 回源
POST /api/uploads → CDN 回源
102 条评论
102 条评论
我
Aalice_dev楼主·2 天前
这不是 Vue 的问题，是用法的问题。文档里写了这个 API 不是线程安全的，要自己在外面加锁。
517
Aalice_dev·2 天前
这个结论和我们线上的观察一致。我们是在 QPS 到 3k 之后才撞上这个问题的，前压测阶段完全看不出来——因为压测流量太「干净」了，没有长尾请求。
495
Rrase·2 天前
感谢分享真实数据，比很多只讲概念的文章有用得多。
485
Rrase·2 天前
补充一个反例：如果 Vue 的版本低于 7.4，这段代码的语义是不一样的，别照抄。我们在灰度环境踩过，回滚了一次。
471
Zzhou_yi·2 天前
感谢分享真实数据，比很多只讲概念的文章有用得多。
459
Kkernel_panic·2 天前
刚翻了下 Vue 的源码，作者在注释里其实解释过为什么这么设计，大意是「为了在极端情况下退化成可预期行为」。
441
Kkite·2 天前
楼主说的第 3 点我有不同看法。这里的取舍取决于你的读写比：读多写少的话，加缓存反而会放大不一致窗口。
416
Zzhu_zong·2 天前已编辑
有没有人做过对照实验？我做了一组，把变量控制到只剩这一个，结果差距只有 4%，基本在噪声范围内。所以我觉得主因可能不是这个。
408
Aalice_dev·3 分钟前
我们生产环境用了两年，没遇到过。不过我承认我们没上到这个量级，所以这个结论对我们没有参考价值。
365
Zzhu_zong·12 分钟前
能不能给出最小复现？我本地跑了十分钟没复现出来，环境是 macOS + 最新版。
364
Cchen_dev·2 天前
这个结论和我们线上的观察一致。我们是在 QPS 到 3k 之后才撞上这个问题的，前压测阶段完全看不出来——因为压测流量太「干净」了，没有长尾请求。
276
Cchen_dev·2 天前
刚翻了下 Vue 的源码，作者在注释里其实解释过为什么这么设计，大意是「为了在极端情况下退化成可预期行为」。
276
Sswoole_lee·5 小时前已编辑
补充一个反例：如果 Vue 的版本低于 7.4，这段代码的语义是不一样的，别照抄。我们在灰度环境踩过，回滚了一次。
2351 条直接回复
Rran_bo·昨天
这不是 Vue 的问题，是用法的问题。文档里写了这个 API 不是线程安全的，要自己在外面加锁。
931 条直接回复
Ttang_hao·2 天前已编辑
这不是 Vue 的问题，是用法的问题。文档里写了这个 API 不是线程安全的，要自己在外面加锁。
2
Bbob_chen·刚刚
这不是 Vue 的问题，是用法的问题。文档里写了这个 API 不是线程安全的，要自己在外面加锁。
225
Oops_wang·12 分钟前
贴一下我们的实测数据，8 核 16G，同样的场景：
| 并发 | P50 | P99 | |---|---|---| | 200 | 12ms | 88ms | | 500 | 31ms | 340ms |
P99 在 500 并发时明显崩了，和你说的拐点基本吻合。
1925 条直接回复
Zzhu_zong·1 小时前
楼主这个排查思路值得学习。我们之前是直接从日志下手，绕了很大一圈。
2301 条直接回复
Ddev_zhou·昨天
这个结论和我们线上的观察一致。我们是在 QPS 到 3k 之后才撞上这个问题的，前压测阶段完全看不出来——因为压测流量太「干净」了，没有长尾请求。
203 条直接回复
Sslow_query·2 天前
同意上面说的。补充一点：如果开了这个选项，监控指标里的 GC 次数会翻倍，需要同步调整告警阈值，否则会一直误报。
3351 条直接回复
Rran_bo·2 天前已编辑
能不能给出最小复现？我本地跑了十分钟没复现出来，环境是 macOS + 最新版。
4041 条直接回复
Hhuang_ke·2 天前第 6 层
贴一下我们的实测数据，8 核 16G，同样的场景：
| 并发 | P50 | P99 | |---|---|---| | 200 | 12ms | 88ms | | 500 | 31ms | 340ms |
P99 在 500 并发时明显崩了，和你说的拐点基本吻合。
32
Aalice_dev·1 小时前已编辑
这个结论和我们线上的观察一致。我们是在 QPS 到 3k 之后才撞上这个问题的，前压测阶段完全看不出来——因为压测流量太「干净」了，没有长尾请求。
264
Kkite·2 小时前
贴一下我们的实测数据，8 核 16G，同样的场景：
| 并发 | P50 | P99 | |---|---|---| | 200 | 12ms | 88ms | | 500 | 31ms | 340ms |
P99 在 500 并发时明显崩了，和你说的拐点基本吻合。
2122 条直接回复
Ttang_hao·2 天前
贴一下我们的实测数据，8 核 16G，同样的场景：
| 并发 | P50 | P99 | |---|---|---| | 200 | 12ms | 88ms | | 500 | 31ms | 340ms |
P99 在 500 并发时明显崩了，和你说的拐点基本吻合。
4132 条直接回复
Lli_ming·2 天前第 6 层
有没有人做过对照实验？我做了一组，把变量控制到只剩这一个，结果差距只有 4%，基本在噪声范围内。所以我觉得主因可能不是这个。
80
Wwinter·2 天前第 6 层
感谢分享真实数据，比很多只讲概念的文章有用得多。
35
Cchen_dev·2 天前
这里其实有个更简单的做法，不需要改架构：把这一层判断提前到网关，问题就消失了。代价是网关会多一次查表。
133
Zzhu_zong·昨天
已收藏。正好这周要改这块，少走很多弯路。
2062 条直接回复
Cchen_dev楼主版主·2 天前
这不是 Vue 的问题，是用法的问题。文档里写了这个 API 不是线程安全的，要自己在外面加锁。
41 条直接回复
Cchen_dev·2 天前
已收藏。正好这周要改这块，少走很多弯路。
1151 条直接回复
Rran_bo·2 天前
有没有人做过对照实验？我做了一组，把变量控制到只剩这一个，结果差距只有 4%，基本在噪声范围内。所以我觉得主因可能不是这个。
26
Aalice_dev版主·2 天前
这里其实有个更简单的做法，不需要改架构：把这一层判断提前到网关，问题就消失了。代价是网关会多一次查表。
12
Sslow_query·2 天前
有没有人做过对照实验？我做了一组，把变量控制到只剩这一个，结果差距只有 4%，基本在噪声范围内。所以我觉得主因可能不是这个。
1641 条直接回复
Sslow_query·2 天前
同意上面说的。补充一点：如果开了这个选项，监控指标里的 GC 次数会翻倍，需要同步调整告警阈值，否则会一直误报。
722 条直接回复
Mmike_xu·2 天前
刚翻了下 Vue 的源码，作者在注释里其实解释过为什么这么设计，大意是「为了在极端情况下退化成可预期行为」。
499
Sslow_query·2 天前
同意上面说的。补充一点：如果开了这个选项，监控指标里的 GC 次数会翻倍，需要同步调整告警阈值，否则会一直误报。
374
Hhuang_ke·28 分钟前
我们生产环境用了两年，没遇到过。不过我承认我们没上到这个量级，所以这个结论对我们没有参考价值。
682 条直接回复
Kkite·刚刚
能不能给出最小复现？我本地跑了十分钟没复现出来，环境是 macOS + 最新版。
272 条直接回复
Rran_bo·3 分钟前
这个结论和我们线上的观察一致。我们是在 QPS 到 3k 之后才撞上这个问题的，前压测阶段完全看不出来——因为压测流量太「干净」了，没有长尾请求。
4561 条直接回复
Wwinter·2 天前
贴一下我们的实测数据，8 核 16G，同样的场景：
| 并发 | P50 | P99 | |---|---|---| | 200 | 12ms | 88ms | | 500 | 31ms | 340ms |
P99 在 500 并发时明显崩了，和你说的拐点基本吻合。
3701 条直接回复
Kkernel_panic·2 天前第 6 层
有没有人做过对照实验？我做了一组，把变量控制到只剩这一个，结果差距只有 4%，基本在噪声范围内。所以我觉得主因可能不是这个。
119
Zzhou_yi·刚刚已编辑
楼主说的第 3 点我有不同看法。这里的取舍取决于你的读写比：读多写少的话，加缓存反而会放大不一致窗口。
432 条直接回复
Ttang_hao·12 分钟前
想请教一下，这个方案在容器里（内存限制 512Mi）会有什么变化？我们线上就是这么配的。
3822 条直接回复
Rran_bo·12 分钟前第 6 层
补充一个反例：如果 Vue 的版本低于 7.4，这段代码的语义是不一样的，别照抄。我们在灰度环境踩过，回滚了一次。
14
Cchen_dev·2 天前已编辑第 6 层
能不能给出最小复现？我本地跑了十分钟没复现出来，环境是 macOS + 最新版。
7
Ttang_hao·1 小时前已编辑
楼主说的第 3 点我有不同看法。这里的取舍取决于你的读写比：读多写少的话，加缓存反而会放大不一致窗口。
233
Llinlin·刚刚
刚翻了下 Vue 的源码，作者在注释里其实解释过为什么这么设计，大意是「为了在极端情况下退化成可预期行为」。
31 条直接回复
Cchen_dev·1 小时前
想请教一下，这个方案在容器里（内存限制 512Mi）会有什么变化？我们线上就是这么配的。
283 条直接回复
Wwinter楼主·5 小时前
有没有人做过对照实验？我做了一组，把变量控制到只剩这一个，结果差距只有 4%，基本在噪声范围内。所以我觉得主因可能不是这个。
3183 条直接回复
Sswoole_lee·2 天前已编辑第 6 层
这个结论和我们线上的观察一致。我们是在 QPS 到 3k 之后才撞上这个问题的，前压测阶段完全看不出来——因为压测流量太「干净」了，没有长尾请求。
255
Lli_ming·2 天前第 6 层
贴一下我们的实测数据，8 核 16G，同样的场景：
| 并发 | P50 | P99 | |---|---|---| | 200 | 12ms | 88ms | | 500 | 31ms | 340ms |
P99 在 500 并发时明显崩了，和你说的拐点基本吻合。
97
Aalice_dev·2 天前第 6 层
补充一个反例：如果 Vue 的版本低于 7.4，这段代码的语义是不一样的，别照抄。我们在灰度环境踩过，回滚了一次。
48
Zzhu_zong楼主·3 分钟前
楼主这个排查思路值得学习。我们之前是直接从日志下手，绕了很大一圈。
166
Kkite·昨天
已收藏。正好这周要改这块，少走很多弯路。
43
Ttang_hao·28 分钟前
补充一个反例：如果 Vue 的版本低于 7.4，这段代码的语义是不一样的，别照抄。我们在灰度环境踩过，回滚了一次。
504 条直接回复
Ddev_zhou·昨天
同意上面说的。补充一点：如果开了这个选项，监控指标里的 GC 次数会翻倍，需要同步调整告警阈值，否则会一直误报。
175
Sslow_query·3 分钟前
感谢分享真实数据，比很多只讲概念的文章有用得多。
152
Ttang_hao·2 天前已编辑
刚翻了下 Vue 的源码，作者在注释里其实解释过为什么这么设计，大意是「为了在极端情况下退化成可预期行为」。
1401 条直接回复
Wwinter·1 小时前
楼主说的第 3 点我有不同看法。这里的取舍取决于你的读写比：读多写少的话，加缓存反而会放大不一致窗口。
65
Hhuang_ke·2 天前
感谢分享真实数据，比很多只讲概念的文章有用得多。
651 条直接回复
Wwinter·2 天前
能不能给出最小复现？我本地跑了十分钟没复现出来，环境是 macOS + 最新版。
195
Wwinter·2 天前
楼主说的第 3 点我有不同看法。这里的取舍取决于你的读写比：读多写少的话，加缓存反而会放大不一致窗口。
182
Sslow_query·2 天前
楼主这个排查思路值得学习。我们之前是直接从日志下手，绕了很大一圈。
1653 条直接回复
Ddev_zhou·刚刚已编辑
我们生产环境用了两年，没遇到过。不过我承认我们没上到这个量级，所以这个结论对我们没有参考价值。
70
Oops_wang楼主·2 天前
同意上面说的。补充一点：如果开了这个选项，监控指标里的 GC 次数会翻倍，需要同步调整告警阈值，否则会一直误报。
11 条直接回复
Zzhu_zong·1 小时前
同意上面说的。补充一点：如果开了这个选项，监控指标里的 GC 次数会翻倍，需要同步调整告警阈值，否则会一直误报。
1
Rrase·2 天前
楼主这个排查思路值得学习。我们之前是直接从日志下手，绕了很大一圈。
7
Rrase楼主·2 天前
我们生产环境用了两年，没遇到过。不过我承认我们没上到这个量级，所以这个结论对我们没有参考价值。
771 条直接回复
Mmike_xu楼主版主·2 天前
楼主这个排查思路值得学习。我们之前是直接从日志下手，绕了很大一圈。
277
Mmike_xu·2 天前
贴一下我们的实测数据，8 核 16G，同样的场景：
| 并发 | P50 | P99 | |---|---|---| | 200 | 12ms | 88ms | | 500 | 31ms | 340ms |
P99 在 500 并发时明显崩了，和你说的拐点基本吻合。
133
Oops_wang·2 天前
这里其实有个更简单的做法，不需要改架构：把这一层判断提前到网关，问题就消失了。代价是网关会多一次查表。
1172 条直接回复
Bbob_chen楼主·2 天前
已收藏。正好这周要改这块，少走很多弯路。
473
Sswoole_lee·2 天前
想请教一下，这个方案在容器里（内存限制 512Mi）会有什么变化？我们线上就是这么配的。
187
Sslow_query·2 天前
想请教一下，这个方案在容器里（内存限制 512Mi）会有什么变化？我们线上就是这么配的。
106
Zzhu_zong·2 天前
已收藏。正好这周要改这块，少走很多弯路。
75
Sswoole_lee·12 分钟前
我们生产环境用了两年，没遇到过。不过我承认我们没上到这个量级，所以这个结论对我们没有参考价值。
73
Llinlin楼主·2 天前
能不能给出最小复现？我本地跑了十分钟没复现出来，环境是 macOS + 最新版。
11
Kkernel_panic·2 小时前
我们生产环境用了两年，没遇到过。不过我承认我们没上到这个量级，所以这个结论对我们没有参考价值。
681 条直接回复
Cchen_dev·5 小时前
已收藏。正好这周要改这块，少走很多弯路。
923 条直接回复
Lli_ming·2 天前
这不是 Vue 的问题，是用法的问题。文档里写了这个 API 不是线程安全的，要自己在外面加锁。
504
Hhuang_ke·12 分钟前
楼主说的第 3 点我有不同看法。这里的取舍取决于你的读写比：读多写少的话，加缓存反而会放大不一致窗口。
223
Hhuang_ke·2 天前
已收藏。正好这周要改这块，少走很多弯路。
43
Kkite·2 天前已编辑
这里其实有个更简单的做法，不需要改架构：把这一层判断提前到网关，问题就消失了。代价是网关会多一次查表。
63
Kkite·1 小时前
感谢分享真实数据，比很多只讲概念的文章有用得多。
521 条直接回复
Lli_ming·2 天前已编辑
想请教一下，这个方案在容器里（内存限制 512Mi）会有什么变化？我们线上就是这么配的。
185
Oops_wang·12 分钟前
补充一个反例：如果 Vue 的版本低于 7.4，这段代码的语义是不一样的，别照抄。我们在灰度环境踩过，回滚了一次。
43
Zzhou_yi·3 分钟前
感谢分享真实数据，比很多只讲概念的文章有用得多。
411 条直接回复
Rrase·5 小时前
刚翻了下 Vue 的源码，作者在注释里其实解释过为什么这么设计，大意是「为了在极端情况下退化成可预期行为」。
581 条直接回复
Zzhu_zong·2 天前已编辑
有没有人做过对照实验？我做了一组，把变量控制到只剩这一个，结果差距只有 4%，基本在噪声范围内。所以我觉得主因可能不是这个。
4891 条直接回复
Rrase·2 天前
想请教一下，这个方案在容器里（内存限制 512Mi）会有什么变化？我们线上就是这么配的。
2
Ddev_zhou·2 天前
想请教一下，这个方案在容器里（内存限制 512Mi）会有什么变化？我们线上就是这么配的。
36
Lli_ming·2 天前
这里其实有个更简单的做法，不需要改架构：把这一层判断提前到网关，问题就消失了。代价是网关会多一次查表。
291 条直接回复
Wwinter·2 天前
这个结论和我们线上的观察一致。我们是在 QPS 到 3k 之后才撞上这个问题的，前压测阶段完全看不出来——因为压测流量太「干净」了，没有长尾请求。
1
Kkite·2 天前已编辑
楼主这个排查思路值得学习。我们之前是直接从日志下手，绕了很大一圈。
18
Lli_ming·2 天前
补充一个反例：如果 Vue 的版本低于 7.4，这段代码的语义是不一样的，别照抄。我们在灰度环境踩过，回滚了一次。
14
Zzhou_yi·5 小时前
楼主这个排查思路值得学习。我们之前是直接从日志下手，绕了很大一圈。
10
Oops_wang·刚刚
这不是 Vue 的问题，是用法的问题。文档里写了这个 API 不是线程安全的，要自己在外面加锁。
8
Aalice_dev·2 天前
楼主说的第 3 点我有不同看法。这里的取舍取决于你的读写比：读多写少的话，加缓存反而会放大不一致窗口。
3
Cchen_dev·2 天前
我们生产环境用了两年，没遇到过。不过我承认我们没上到这个量级，所以这个结论对我们没有参考价值。
3
Ttang_hao·刚刚已编辑
同意上面说的。补充一点：如果开了这个选项，监控指标里的 GC 次数会翻倍，需要同步调整告警阈值，否则会一直误报。
3
Sslow_query·3 分钟前
这里其实有个更简单的做法，不需要改架构：把这一层判断提前到网关，问题就消失了。代价是网关会多一次查表。
1
这是帖子详情页 /zh-CN/c/vue/post/p13。帖子与评论都由种子随机数确定性生成 —— 同一个帖子每次打开内容一致，因此可以直接分享链接、刷新、被搜索引擎收录。真实实现里这一页是 MySQL 读帖子 + Redis 缓存热帖 + 评论树按 path 字段一次性取出。
看数据表设计 →