En este post te mostraré cómo habilitar o permitir CORS en un controlador de Spring Boot. Recordemos que esto permite compartir recursos entre orígenes distintos; y en pocas palabras permite que se consuman datos desde un dominio distinto al que tiene el servidor.
Sería extraño que no tengas esta dependencia, pero por si no la tienes, agrégala. La misma es: org.springframework.boot:spring-boot-starter-web
Vamos a usar la anotación @CrossOrigin
así que hay que importarla. La misma está dentro del paquete annotation
así que basta con:
import org.springframework.web.bind.annotation.*;
Finalmente, antes de definir nuestro controlador que funciona como enrutador, agregamos la anotación @CrossOrigin
que va a permitir todos los dominios u orígenes.
De igual modo podemos usar algo como @CrossOrigin(origins = "http://localhost")
para solo permitir determinado dominio.
A continuación dejo un ejemplo de un controlador en el que estoy trabajando actualmente:
package me.parzibyte.api;
import org.springframework.web.bind.annotation.*;
import org.springframework.beans.factory.annotation.Autowired;
@RestController
@RequestMapping(path = "/alumnos")
@CrossOrigin(origins = "http://localhost")
public class AlumnosController {
@Autowired
private AlumnosRepository alumnosRepository;
@RequestMapping(value = "/crear", method = RequestMethod.POST)
public Alumno crearAlumno(@RequestBody Alumno alumno) {
return alumnosRepository.save(alumno);
}
@RequestMapping(value = "/obtener", method = RequestMethod.GET)
public Iterable<Alumno> obtenerTodos() {
return alumnosRepository.findAll();
}
@RequestMapping(value = "/eliminar/{id}", method = RequestMethod.DELETE)
public boolean eliminar(@PathVariable() Long id) {
alumnosRepository.deleteById(id);
return true;
}
@RequestMapping(value = "/actualizar", method = RequestMethod.PUT)
public Alumno editar(@RequestBody Alumno alumno) {
return alumnosRepository.save(alumno);
}
}
Fíjate en la línea 8, en la misma estoy habilitando CORS en Spring. Esto se puede seguir para otros controladores. Me parece que también se puede habilitar de manera global.
Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…
En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…
En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…
Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…
En este artículo te voy a enseñar cómo usar un "top level await" esperando a…
Ayer estaba editando unos archivos que son servidos con el servidor Apache y al visitarlos…
Esta web usa cookies.