Tengo un problema a la hora de cargar imagenes desde el FrontEnd, en las siguientes lineas de codigo:
<img (click)="abrirModal(cliente)" *ngIf="cliente?.foto" src="http://localhost:8080/api/uploads/img/{{cliente.foto}}" alt="{{cliente.foto}}" class="img-thumbnail rounded" style="width: 64px; cursor: pointer;">
<img (click)="abrirModal(cliente)" *ngIf="!cliente?.foto" src="http://localhost:8080/images/no-user.png" alt="sin-foto" class="img-thumbnail rounded" style="width: 64px; cursor: pointer;">
Revisando lo que sucede me di cuenta que .anyRequest().authenticated()
en mi configuración me solicita autenticación para mostrar las imagenes (solo las imagenes, ya que el resto del contenido que solicito ya es validado en el requestMatchers
).
@Bean
SecurityFilterChain filterChain(HttpSecurity http, AuthenticationManager authManager) throws Exception {
JwtAuthenticationFilter jwtAuthenticationFilter = new JwtAuthenticationFilter();
jwtAuthenticationFilter.setAuthenticationManager(authManager);
jwtAuthenticationFilter.setFilterProcessesUrl("/login");
return http
.cors()
.and()
.csrf().disable()
.authorizeHttpRequests()
.requestMatchers("api/**")
.authenticated()
.anyRequest()
.authenticated()
.and()
.exceptionHandling()
.authenticationEntryPoint(jwtAuthenticationEntryPoint)
.and()
.httpBasic()
.and()
.sessionManagement()
.sessionCreationPolicy(SessionCreationPolicy.STATELESS)
.and()
.addFilter(jwtAuthenticationFilter)
.addFilterBefore(jwtAuthorizationFilter, UsernamePasswordAuthenticationFilter.class)
.build();
}
yo desde el frontend envio mi bearer token para validar, por eso no tengo problema con la informacion solicitada en las direcciones api/**, pero no se como hacerlo para las direcciones que pido en el html. Espero me puedan ayudar! estare atento y muchas gracias!
PD: no coloco permitAll()
en .anyRequest().authenticated()
ya que cualquier persona que tenga o encuentra la Url sin estar autenticado puede verla. Claro colocando eso ya me funcionaba perfectamente.