从Express向Angular返回错误

// 后端代码（使用Express）
const express = require('express');
const app = express();

// 路由处理
app.get('/api/data', (req, res, next) => {
  // 模拟发生错误
  const error = new Error('Something went wrong');
  next(error);
});

// 错误处理中间件
app.use((err, req, res, next) => {
  // 将错误信息封装成响应对象
  const errorResponse = {
    message: err.message,
    // 可以根据需要添加其他错误信息，如错误码等
  };

  // 发送错误响应给前端
  res.status(500).json(errorResponse);
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

// 前端代码（使用Angular）
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-root',
  template: `
    <button (click)="getData()">Get Data</button>
    <div *ngIf="errorMessage">{{ errorMessage }}</div>
  `,
})
export class AppComponent {
  errorMessage: string;

  constructor(private http: HttpClient) {}

  getData() {
    this.http.get('/api/data').subscribe(
      (response) => {
        // 处理正常响应
      },
      (error) => {
        // 处理错误响应
        this.errorMessage = error.error.message;
      }
    );
  }
}