Quiero obtener datos filtrados de MongoDb usando un correo electrónico específico en mi proyecto de reacción. Entonces, creo una solicitud HTTP usando un correo electrónico y luego trato de usar los datos, luego aparece el siguiente error:

GET http://localhost:5000/bloodRequest/amin@gmail.com 404 (No encontrado) No capturado (en promesa) SyntaxError: Token inesperado < en JSON en la posición 0

Mi código de solicitud del lado del cliente:

 useEffect(() => { fetch(`http://localhost:5000/bloodRequest/amin@gmail.com`) .then((res) => res.json()) .then((data) => setRequests(data)); }, [requests]);

Mi código del lado del servidor:

 app.get("/donateBlood/:email", async (req, res) => { const email = req.params.email; const query = { email: email }; const cursor = donateBloodsCollection.find(query); const result = await cursor.toArray(); res.json(result); });

Pero cuando cambio la sintaxis de la solicitud HTTP y uso el correo electrónico en medio del enlace HTTP, funciona bien. ejemplo:

Código del lado del cliente:

 useEffect(() => { fetch(`http://localhost:5000/amin@gmail.com/bloodRequest`) .then((res) => res.json()) .then((data) => setRequests(data)); }, [requests]);

código del lado del servidor:

 app.get("/:email/donateBlood", async (req, res) => { const email = req.params.email; const query = { email: email }; const cursor = donateBloodsCollection.find(query); const users = await cursor.toArray(); res.json(users); });

En ese caso, funciona correctamente, no sé por qué. ¿Puedes explicarlo, por favor?