angular - 在 'http://localhost:8080 from origin ' http ://localhost:4200' has been blocked by CORS policy 访问 XMLHttpRequest

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.

Answer 1

在您的@RestController 注释下面添加以下注释

@CrossOrigin(origins = "*", allowedHeaders = "*")