Spring cloud + Keyclock + Angular - CORS Error - spring-security

Question

I'm trying to build a microservices application using spring-cloud + spring-gateway + keycloak + angular-frontend. In my application there is a api-gateway application that handle all the request and later will dispatch those request to the right microservice.
For the front-end I'm using angular and for test the endpoints I'm using postman. At the moment I'm having a CORS problem.
I've configured the api-gateway in this way:
spring:
cloud.gateway:
globalcors.corsConfigurations:
'[/**]':
allowedOrigins: '*'
allowedPorts: '*'
allowedHeaders: '*'
allowedMethods:
- GET
- POST
- PUT
- DELETE
- OPTIONS
security.oauth2:
client:
provider:
keycloak:
authorization-uri: ${app.config.keycloak.url}/realms/${app.config.keycloak.realm}/protocol/openid-connect/auth
token-uri: ${app.config.keycloak.url}/realms/${app.config.keycloak.realm}/protocol/openid-connect/token
userinfo-uri: ${app.config.keycloak.url}/realms/${app.config.keycloak.realm}/protocol/openid-connect/userinfo
jwk-set-uri: ${app.config.keycloak.url}/realms/${app.config.keycloak.realm}/protocol/openid-connect/certs
user-name-attribute: preferred_username
user-info-authentication-method: header
registration:
keycloak:
provider: keycloak
client-id: ${app.config.keycloak.client}
authorization-grant-type: authorization_code
redirect-uri: '{baseUrl}/login/oauth2/code/keycloak'
scope: openid
resourceserver:
jwt:
jwk-set-uri: ${app.config.keycloak.url}/realms/${app.config.keycloak.realm}/protocol/openid-connect/certs
Below the securityConfig of gateway:
#Configuration
public class SecurityConfig {
#Bean
SecurityWebFilterChain springSecurityFilterChain(ServerHttpSecurity http) {
http.authorizeExchange()
.anyExchange().authenticated()
.and().cors()
.and().csrf().disable().oauth2Login()
.and().oauth2ResourceServer().jwt();
return http.build();
}
}
And below the securityConfig of ms:
#EnableWebSecurity
public class SecurityConfig {
#Bean
protected SecurityFilterChain filterChain(HttpSecurity http) throws Exception {
http.authorizeRequests(authorizeRequests -> authorizeRequests
.antMatchers("/v3/api-docs/**").permitAll()
.antMatchers("/swagger-ui/**").permitAll()
.anyRequest().authenticated()
).oauth2ResourceServer(OAuth2ResourceServerConfigurer::jwt);
return http.build();
}
}
Said that, if for instance I make a request with postman to the path /api/controller I get the correct response. If I'm using the angular client and try to access an end-point I get this error:
Preflight: (failed)net::ERR_CONNECTION_REFUSED
Do you have any idea how to fix this? Any help will be appreciated. Thanks to all
Below my gateway pom dependencies:
<dependency>
<groupId>org.springframework.cloud</groupId>
<artifactId>spring-cloud-starter-gateway</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-security</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-oauth2-client</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-oauth2-resource-server</artifactId>
</dependency>