DEV Community
·
使用代理和Fetch的日志系统
💡
原文英文，约300词，阅读约需1分钟。
📝
内容提要
fetchLogger是一个代理对象，用于包装fetch函数，拦截并记录请求的URL、选项、响应状态和文本。它还克隆响应以便多次读取，并在发生错误时进行记录。可以通过将代理赋值给window.fetch来全局替换fetch。
🎯
关键要点
- fetchLogger是一个代理对象，用于包装fetch函数。
- 使用apply陷阱拦截对fetch的调用。
- 记录请求的URL和选项。
- 记录响应状态、状态文本和URL。
- 克隆响应以确保可以多次读取响应体。
- 捕获并记录fetch过程中遇到的任何错误。
- 可以通过将代理赋值给window.fetch来全局替换fetch。
➡️
