Estoy tratando de actualizar la información del lado del cliente con una solicitud PUT a mi servidor Fastify, pero no se envía nada. Tampoco se muestran errores, simplemente no hay cambios.
Las solicitudes POST y GET funcionan bien desde el lado del cliente.
Las solicitudes PUT funcionan en Insomnia/Postman.
Tengo fastify-cors instalado:
fastify.register(require("fastify-cors"), { origin: "*", methods: "GET,POST,PUT,PATCH,DELETE", });Solicitud del lado del cliente
export default function EditUser({ route, navigation }) { const { item } = route.params; const [firstName, setFirstName] = useState(item.name[0].firstName); const editUser = async () => { try { const res = await fetch(`http://<myIPaddr>:5000/api/users/${item._id}`, { method: "PUT", headers: { Accept: "application/json", "Content-Type": "application/json", }, body: firstName, }); console.log(firstName); } catch (error) { console.log(error); } }; return ( <View> <Layout> <Text style={styles.text}>EDIT USER PAGE</Text> <View> <TextInput style={styles.input} onChangeText={(e) => setFirstName(e)} value={firstName} /> <Text style={{ color: "#FFF" }}>{item._id}</Text> <Button title="save changes" onPress={editUser} /> </View> </Layout> </View> ); }Ruta de fondo
fastify.put("/:id", async (request, reply) => { try { const { id } = request.params; const user = await User.findByIdAndUpdate(id, request.body); if (!user) { return reply.status(400).send({ error: "couldn't find user" }); } reply.status(200).send({ success: true, data: user }); } catch (error) { reply.status(400).send({ error: "request failed" }); } });Verifique los registros de back-end, podría ser que esté usando return reply.send . Quitar la return . De los documentos :
Advertencia:
Cuando se usa el valor de retorno y la respuesta. enviar (valor) al mismo tiempo, el primero que sucede tiene prioridad, el segundo valor se descartará y también se emitirá un registro de advertencia porque intentó enviar una respuesta dos veces.
Encontré la solución, no estaba pasando los datos de la manera correcta
const editUser = async () => { const userEndpoint = `http:<myIPaddr>:5000/api/users`; try { const res = await axios({ url: `${userEndpoint}/${item._id}`, method: "PUT", data: { name: { firstName: firstName, }, }, }); console.log(firstName); } catch (error) { console.log(error); } };