フロントエンドとバックエンドのクロスドメイン エラーを解決します: CORS ポリシーによってブロックされています: 'Access-Control-Allow-Origin' がありません

1. エラーメッセージ

has been blocked by CORS policy: No 'Access-Control-Allow-Origin'
 header is present on the requested resource.

1 つの IP ポート (フロントエンド プロジェクト) からのページは、別の IP ポート (スプリングブート リクエスト インターフェイス) のリソースにアクセスする必要があるため、クロスドメイン アクセスが生成されます。

2. 解決策: 構成クラス CorsConfig を追加します。

@Configuration
public class CorsConfig implements WebMvcConfigurer {
    
    

    @Override
    public void addCorsMappings(CorsRegistry registry){
    
    
        registry.addMapping("/**")
                .allowedOriginPatterns("*")
                .allowedHeaders(CorsConfiguration.ALL)
                .allowedMethods(CorsConfiguration.ALL)
                .allowCredentials(true)
                .maxAge(3600);
    }
}