angular - オリジン 'http://localhost:4200' からの 'http://localhost:8080' での XMLHttpRequest へのアクセスは、CORS ポリシーによってブロックされています

Question

これは私のコンポーネントのメソッドです:

onDelete(s) {
    const conf = confirm('etes vous sur');
    if (conf) {
         console.log(s._links.self.href);
      this.catservice.Deleteprod(s._links.self.href).subscribe(data => {console.log(s._links.self.href);
      }, error1 => {
        console.log(error1);
      });
    }
  }

そして、これは私のサービスからのメソッドです:

  public Deleteprod(url) {
    return this.httpClient.delete(url);
  }

このオブジェクトを削除したいs._links.self.hrefのでurl間違っていませんが、試しwebsecurityconfigたメソッドでクラスを作成しようとするとこの問題が発生し@CrossOrigin(origins = "*")ますが、解決策はありません助けてください。

これは私のエラーです：

Access to XMLHttpRequest at 'http://localhost:8080/offres/24' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.