Entonces, creé una API y tengo mis solicitudes POST y GET funcionando, pero no puedo hacer que funcione la solicitud DELETE. Sigo recibiendo un error 'ELIMINAR http://localhost:3000/api 400 (Solicitud incorrecta)' en la consola.
Aquí está la sección de eliminación en mi archivo de servidor:
app.delete('/api', (request, response) => { database.remove({ _id: request }, {}, function(err, numRemoved) {}); });Aquí está el botón que ejecuta el DELETE:
document.body.addEventListener('click', function(event) { if (event.target.id == uid) { const options = { method: 'DELETE', headers: { 'Content-Type': 'application/json' }, body: uid }; fetch('/api', options); }; });Dice que la solicitud incorrecta proviene de fetch('/api', options); , pero no tengo ni idea de cómo solucionarlo! ¿Alguien puede ayudarme?
Siento que esto podría deberse a una idea errónea de para qué sirve la solicitud DELETE .
El objetivo principal del método DELETE es eliminar el recurso en el uri. Por ejemplo, un DELETE en /article/123 elimina el recurso en /article/123 y significa que una futura solicitud GET en esa ubicación debería dar como resultado un 404 o 410 .
Nunca tiene sentido tener un cuerpo en una solicitud DELETE , porque si el propósito de la solicitud es eliminar el recurso en el URI, nada en el cuerpo modifica más el significado de la solicitud. HTTP dicta que DELETE (y GET y otros) no deben tener cuerpo.
Entonces, la solicitud que está realizando es DELETE /api , lo que significa "eliminar el recurso /api". El cuerpo es irrelevante (y causa su error).
Parece que busca más una API de estilo RPC. Si solo usa un punto final /api , probablemente debería olvidarse de todos los métodos y solo usar POST . Realmente no estás haciendo REST.
Si desea aplicar más diseño y usar métodos HTTP apropiados, debe comenzar por pensar en cómo se estructuran sus rutas. Recuerda que el método describe qué tipo de operación estás haciendo, y el URI describe en qué estás haciendo esa operación. Las personas que diseñan su API para pasar por un único punto final (como con GraphQL y SOAP) usan HTTP de manera efectiva como un "túnel" para su propio protocolo.
No puedo ver dónde está configurado uid . Sin embargo, según su mensaje de error, asumo que uid no es un objeto JSON válido. Puede colocar uid en un objeto como { uid } . Luego, lea el objeto en su controlador de ruta con request.body.uid .
Además, en una API REST tradicional, una solicitud DELETE no tiene cuerpo. En su lugar, su ruta tendría el formato /api/:id . Su URL de solicitud deberá actualizarse para que sea "/api/" + uid . Luego puede leer el parámetro de solicitud en su controlador de ruta con req.params.id .
El error puede deberse al hecho de que la solicitud de eliminación no debe recibir un cuerpo json, debe pasar el uid como una variable de ruta como:
app.delete('/api/:uid', (request, response) => { const uid = request.params.uid; database.remove({ _id: uid }, {}, function(err, numRemoved) {}); });Y cambia tu llamada a:
document.body.addEventListener('click', function(event) { if (event.target.id == uid) { const options = { method: 'DELETE', }; const endpoint = `/api/${uid}`; fetch(endpoint, options); }; });