根据错误状态代码重定向至Angular中的组件

import { Injectable } from '@angular/core';
import { Router } from '@angular/router';

@Injectable()
export class ErrorHandlingService {
  constructor(private router: Router) {}

  handleErrorCode(errorCode: number): void {
    switch (errorCode) {
      case 404:
        this.router.navigate(['/not-found']);
        break;
      case 500:
        this.router.navigate(['/server-error']);
        break;
      // 可根据具体需求添加其他错误状态代码的处理逻辑
      default:
        this.router.navigate(['/error']);
        break;
    }
  }
}

import { Component } from '@angular/core';
import { ErrorHandlingService } from './error-handling.service';

@Component({
  selector: 'app-root',
  template: `
    <h1>Welcome to My App</h1>
    <!-- 其他组件内容 -->
  `,
})
export class AppComponent {
  constructor(private errorHandlingService: ErrorHandlingService) {}

  handleError(errorCode: number): void {
    this.errorHandlingService.handleErrorCode(errorCode);
  }
}

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable()
export class DataService {
  constructor(private http: HttpClient, private appComponent: AppComponent) {}

  fetchData(): void {
    this.http.get('/api/data').subscribe(
      (data) => {
        // 处理数据
      },
      (error) => {
        this.appComponent.handleError(error.status);
      }
    );
  }
}