Доступ к XMLHttpRequest по адресу http://localhost: 8080 от источника 'http://localhost: 4200' заблокирован политикой 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.

Answer 1

Добавьте следующую аннотацию под вашей @RestController Аннотация

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

Answer 2

в веб-безопасности

@Bean
    CorsConfigurationSource corsConfigurationSource() {
        UrlBasedCorsConfigurationSource source = new
                UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", new CorsConfiguration().applyPermitDefaultValues());
        return source;
    }


    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/api/**")
                .allowedMethods("GET", "POST", "PUT", "PATCH", "DELETE", "OPTIONS")
                .exposedHeaders("Authorization");
    }