Estoy queriendo hacer un recuadro de confirmación utilizando sweetalert text antes de ejecutar la funcionalidad de eliminación dentro de mi proyecto. Pero me sale este error en consola al momento de dar click en uno de los botones de eliminar:
DELETE http://127.0.0.1:8000/misLibros 405 (Method Not Allowed)
Intenté utilizar fetch para enviar el id del elemento que el usuario seleccionó para eliminar. Este es el codigo JS:
btnEliminar.forEach(element => {
element.addEventListener('click', (e) => {
swal({
title: "¿Estás seguro de querer eliminar tu libro?",
text: "Una vez eliminado no habrá forma de restaurarlo.",
icon: "warning",
buttons: true,
dangerMode: true,
})
.then((willDelete) => {
if (willDelete) {
let id = e.target.value
fetch(`/eliminar/${id}`, {
method:'DELETE',
headers: {
'Content-Type':'application/json',
'X-CSRF-TOKEN': csrfToken,
},
})
} else {
swal("Has cancelado la eliminación de tu libro :)");
}
});
})
})
Esto apunta a una ruta, es esta:
Route::delete('/eliminar/{id}',[BookController::class,'delete'])->name('eliminar');
Y este es el controlador:
public function delete($id)
{
$libro = Book::find($id);
if ($libro) {
$libro->delete();
return redirect()->back();
} else {
return response()->json(['message' => 'Libro no encontrado'], 404);
}
}
Y luego de varios intentos, noté que el error estaba en el redirect() ya que cuando reinicio la pagina veo que realmente sí elimina el elemento...Pero por qué me arroja ese error? En este caso, como haría para devolverme a la misma pagina y así mostrar un mensaje como por ejemplo "Libro eliminado exitosamente".
405 (Method Not Allowed)
se refiere a que existe la ruta en el servidor pero no el método GET, POST, etc, en tu caso el DELETE. Yo lo que hago en estos casos es simplificar la función (que retorne un json con un "OK") y pruebo desde el postman, de esta forma valido que es posible llegar al endpoint