実現したいこと
dockerコンテナ間通信でSpring Security環境下でcros設定を適用させたい
※こちらのサイトでも並行で質問させていただいております。
前提
下図のようにfrontendをvue.js、backendをSpring bootで設定したDockerコンテナを用意し
frontendで受け取ったhttpリクエストをbackendへAPI連携する構成を作成しています。
frontendコンテナ側のフレームワークと依存関係
frontendコンテナで立ち上げたwebサーバーにアクセスし、backendコンテナに対してAPIリクエストを送信しようとするとCORS Policyエラーとなる。
発生している問題・エラーメッセージ
Access to XMLHttpRequest at 'http://localhost:8080' from origin 'http://localhost:9001' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
該当のソースコード
Spring boot側のCROS設定として、mainクラスが記載されているMyappApplication.javaと同階層に設置。
package jp.myapp.app;
import org.springframework.context.annotation.Bean;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;
import java.util.Arrays;
@Configuration
public class CrosConfig {
private static final Logger logger = LoggerFactory.getLogger(CrosConfig.class);
@Value("${host.url}")
private String hostName;
@Value("${spring.datasource.url}")
private String dbHostName;
@Bean
public CorsFilter corsFilter() {
CorsConfiguration config = new CorsConfiguration();
config.setAllowedOrigins(Arrays.asList(hostName));
config.setAllowCredentials(true);
config.addAllowedMethod("*");
config.addAllowedHeader("*");
config.addExposedHeader("Set-Cookie");
UrlBasedCorsConfigurationSource configSource = new UrlBasedCorsConfigurationSource();
configSource.registerCorsConfiguration("/**", config);
return new CorsFilter(configSource);
}
}
試したこと
Spring SecurityをOffにした状態では上記の設定で動作しますが、Spring Securityを設定するとCROSエラーとなってしまします。
Docker環境下でSpring Securityを使用するにはどのように設定すればよろしいでしょうか。
ご教授お願いいたします。
補足情報(FW/ツールのバージョンなど)
■frontend
フレームワーク:vue.js
APIリクエストライブラリ:axios
■backend
フレームワーク:Spring Boot
パッケージ管理:maven