触发了使用Angular HTTP客户端的HTTP删除发送-未被服务器接收

const url = 'https://example.com/api/resource/123';
this.http.delete(url).subscribe(response => {
  console.log('Resource deleted successfully', response);
}, error => {
  console.error('Error deleting resource', error);
});

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

@Injectable({
  providedIn: 'root'
})
export class ResourceService {
  private apiUrl = 'https://example.com/api/resource';

  constructor(private http: HttpClient) {}

  deleteResource(id: number) {
    const url = `${this.apiUrl}/${id}`;
    return this.http.delete(url);
  }
}

import { Component } from '@angular/core';
import { ResourceService } from './resource.service';

@Component({
  selector: 'app-resource-delete',
  template: `<button (click)="deleteResource()">Delete Resource</button>`
})
export class ResourceDeleteComponent {
  constructor(private resourceService: ResourceService) {}

  deleteResource() {
    const resourceId = 123; // 替换为实际的资源ID
    this.resourceService.deleteResource(resourceId).subscribe(response => {
      console.log('Resource deleted successfully', response);
    }, error => {
      console.error('Error deleting resource', error);
    });
  }
}