reactjs - 如何将 react 控制台错误记录到文件中？

Question

我是网站前端/客户端应用程序开发的新手。我正在建立一个新的 react 项目。我使用了create-react-app。

我应该如何处理控制台错误(网络调用错误除外)？有没有办法将它们记录在任何文件中？

最佳日志记录实践是什么？

Answer 1

尽管有多种方法和方法可以在浏览器上存储数据(而不是实际的客户端文件)，但这并不是记录浏览器错误的一般策略(我相信这就是您所指的)。

根据我的经验，我们有一个专用的日志服务器，它具有简单的 API，具有足够的安全性，可以过滤流量并应用速率限制。这最终将增强日志并将其写入文档数据库，以便稍后进行分析。

一个简单的 JavaScript 解决方案将使用以下内容来捕获错误并将其发送到日志服务器。

window.onerror = function(message, url, lineNumber) {  
  // make ajax call to api to save error on server
  return true;
};  

我还应该提到 Sentry.io - 他们提供了一项执行此操作的服务，尽管存在一些限制，但它们通常足以满足中小型应用程序的需求。

https://github.com/getsentry