在NodeJS / Express / React堆栈中记录错误

const express = require('express');
const winston = require('winston');

const app = express();

// 创建一个Winston日志记录器
const logger = winston.createLogger({
  transports: [
    new winston.transports.Console(),
    new winston.transports.File({ filename: 'error.log' })
  ],
  format: winston.format.combine(
    winston.format.timestamp(),
    winston.format.json()
  )
});

// 错误处理中间件
app.use((err, req, res, next) => {
  // 记录错误日志
  logger.error(err.message, { error: err });

  // 返回错误响应
  res.status(500).json({ error: 'Internal Server Error' });
});

// 其他中间件和路由处理

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

import React, { Component } from 'react';
import PropTypes from 'prop-types';

class ErrorBoundary extends Component {
  constructor(props) {
    super(props);
    this.state = { hasError: false };
  }

  static getDerivedStateFromError(error) {
    return { hasError: true };
  }

  componentDidCatch(error, errorInfo) {
    // 记录错误日志
    logger.error(error.message, { error: error });

    // 可以在此处发送错误报告给服务器
  }

  render() {
    if (this.state.hasError) {
      return <h1>Something went wrong.</h1>;
    }

    return this.props.children;
  }
}

ErrorBoundary.propTypes = {
  children: PropTypes.node.isRequired
};

export default ErrorBoundary;