estoy haciendo una app con angular y spring boot, donde muestro una serie de productos(videojuegos) y al dar en ver detalles del producto me lanza este error la consola:
Access to XMLHttpRequest at 'http://localhost:8080/api/test//undefined' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Tengo una clase que se encarga de dar acceso a una url en spring esta es mi clase:
@Configuration
@EnableWebSecurity
@EnableGlobalMethodSecurity(
// securedEnabled = true,
// jsr250Enabled = true,
prePostEnabled = true)
public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
@Autowired
UserDetailsServiceImpl userDetailsService;
@Autowired
private AuthEntryPointJwt unauthorizedHandler;
@Bean
public AuthTokenFilter authenticationJwtTokenFilter() {
return new AuthTokenFilter();
}
@Override
public void configure(AuthenticationManagerBuilder authenticationManagerBuilder) throws Exception {
authenticationManagerBuilder.userDetailsService(userDetailsService).passwordEncoder(passwordEncoder());
}
@Bean
@Override
public AuthenticationManager authenticationManagerBean() throws Exception {
return super.authenticationManagerBean();
}
@Bean
public PasswordEncoder passwordEncoder() {
return new BCryptPasswordEncoder();
}
@Override
protected void configure(HttpSecurity http) throws Exception {
http.cors().and().csrf().disable()
.exceptionHandling().authenticationEntryPoint(unauthorizedHandler).and()
.sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS).and()
.authorizeRequests().antMatchers("/api/auth/**").permitAll()
.antMatchers("/api/test/**").permitAll()
.anyRequest().authenticated();
http.addFilterBefore(authenticationJwtTokenFilter(), UsernamePasswordAuthenticationFilter.class);
}
}
Y esta es mi clase testController
@CrossOrigin(origins = "*", maxAge = 3600)
@RestController
@RequestMapping("/api/test")
public class TestController {
@GetMapping("/all")
public String allAccess() {
return "Public Content.";
}
@GetMapping("/user")
@PreAuthorize("hasRole('USER') or hasRole('MODERATOR') or hasRole('ADMIN')")
public String userAccess() {
return "User Content.";
}
@GetMapping("/mod")
@PreAuthorize("hasRole('MODERATOR')")
public String moderatorAccess() {
return "Moderator Board.";
}
@GetMapping("/admin")
@PreAuthorize("hasRole('ADMIN')")
public String adminAccess() {
return "Admin Board.";
}
@Autowired
ProductoService productoService;
@GetMapping("/lista")
public ResponseEntity<List<Producto>> getLista() {
List<Producto> lista = productoService.getAllProducts();
return new ResponseEntity<List<Producto>>(lista, HttpStatus.OK);
}
@CrossOrigin(origins = "http://localhost:4200")
@GetMapping("/detalle/{id}")
public ResponseEntity<?> getOne(@PathVariable Long id) {
if (!productoService.existePorId(id))
return new ResponseEntity<String>("Error producto no encontrado", HttpStatus.NOT_FOUND);
Producto producto = productoService.obtenerPorId(id).get();
return new ResponseEntity<Producto>(producto, HttpStatus.OK);
}
@PostMapping("nuevo")
@PreAuthorize("hasRole('MODERATOR') or hasRole('ADMIN')")
public ResponseEntity<?> create(@RequestBody Producto producto) {
if (producto.getPrecio() < 0)
return new ResponseEntity<String>("Error: debes asignar un precio superior o igual a 0",
HttpStatus.BAD_REQUEST);
productoService.addProducto(producto);
return new ResponseEntity<String>("producto guardado", HttpStatus.CREATED);
}
@PutMapping("/actualizar/{id}")
@PreAuthorize("hasRole('MODERATOR') or hasRole('ADMIN')")
public ResponseEntity<?> update(@RequestBody Producto producto, @PathVariable("id") Long id) {
if (!productoService.existePorId(id))
return new ResponseEntity<String>("no existe ese producto", HttpStatus.NOT_FOUND);
if (StringUtils.isBlank(producto.getNombreProducto()))
return new ResponseEntity<String>("el nombre es obligatorio", HttpStatus.BAD_REQUEST);
if (producto.getPrecio() < 0)
return new ResponseEntity<String>("el precio debe ser superior o igual a 0", HttpStatus.BAD_REQUEST);
Producto prodUpdate = productoService.obtenerPorId(id).get();
prodUpdate.setNombreProducto(producto.getNombreProducto());
prodUpdate.setIdioma(producto.getIdioma());
prodUpdate.setDescuento(producto.getDescuento());
prodUpdate.setUnidades(producto.getUnidades());
prodUpdate.setPrecio(producto.getPrecio());
prodUpdate.setDescripcion(producto.getDescripcion());
prodUpdate.setImagen(producto.getImagen());
prodUpdate.setFechaLanzamiento(producto.getFechaLanzamiento());
prodUpdate.setPlataforma(producto.getPlataforma());
productoService.addProducto(prodUpdate);
return new ResponseEntity<String>("producto actualizado", HttpStatus.CREATED);
}
@DeleteMapping("/borrar/{id}")
@PreAuthorize("hasRole('MODERATOR') or hasRole('ADMIN')")
public ResponseEntity<?> delete(@PathVariable Long id) {
if (!productoService.existePorId(id))
return new ResponseEntity<String>("no existe ese producto", HttpStatus.NOT_FOUND);
productoService.deleteProducto(id);
return new ResponseEntity<String>("producto eliminado", HttpStatus.OK);
}
}
Le agregue a la clase WebSecurityConfig en el metodo configure justo debajo de la linea .antMatchers("/api/test/).permitAll agregue .antMatchers("/api/test/detalle/).permitAll pero aun asi me siguió saltando el error en la consola, alguna ayuda por favor gracias de antemano
/borrar/
en la URL