Next.js生产环境及Vercel中如何查看getStatic类函数生成的日志
getStaticProps在Vercel环境的日志查看方法
1. 全量构建阶段的日志
getStaticProps的默认执行时机是项目全量构建阶段,这部分的日志可以直接在Vercel部署记录的构建面板查看:
- 进入对应Vercel项目的部署列表,点击你要排查的部署记录进入详情
- 切换到*构建(Build)*标签页,你写的
console.log输出内容会和其他构建日志一同展示,直接搜索你打印的关键词就能快速定位
2. 增量静态再生(ISR)场景的日志
如果你的页面配置了revalidate参数开启了增量静态更新,后续触发重新生成页面时执行的getStaticProps日志不会出现在构建日志中,需要去函数日志面板查看:
- 进入目标部署记录的详情页,切换到*函数(Functions)*标签页
- 从函数列表中选择对应页面的路由,调整时间筛选范围后,就能看到ISR触发时
getStaticProps输出的日志
其他补充
如果是开发阶段排查问题,本地运行npm run dev(或对应包管理器的启动命令)时,getStaticProps的console.log会直接输出在启动服务的终端窗口,排查效率比线上更高。
如果需要长期存储相关日志,可以在getStaticProps内自行接入日志上报逻辑,把需要的信息上报到你自己的日志服务中留存回溯。
内容的提问来源于stack exchange,提问作者Hasan
相关产品推荐
相关产品推荐

