Tengo un problema con el codigocódigo en el que estoy trabajando para una pagina web. Quiero
Quiero editar un producto que ya ha sido cargado anteriormente, trabajo con el formulario que uso para cargar este mismo producto y hago un llamado a la apiapi
.
const handleSubmit = async (e) => {
e.preventDefault();
try {
const response = await axios.put(`http://localhost:8080/products/update-product`,
formData)
console.log('Producto actualizado:', response.data);
navigate(`/product/${params.id}`);
} catch (error) {
console.error('Error updating product:', error);
console.log(error.response); // Muestra el error completo en la consola
} };
La api es la misma que utilizo en el form de addProductaddProduct
, y la correcta desde la base de datos. En la consola me muestra un error de " Error updating product: AxiosError {message: 'Request failed with status code 500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', config: {…}, request: XMLHttpRequest, …} "
" Error updating product: AxiosError {message: 'Request failed with status code 500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', config: {…}, request: XMLHttpRequest, …} "
No entiendo que puede estar fallando. Un dato a agregar es que, el llamado a la apiapi
anterior que realizo para traer la informacioninformación que este producto contiene, lo realiza bien, el problema es a la hora de actualizar una categoriacategoría, nombre o lo que se quiera actualizar.
Probe verificando la API con Postman, pero funciona correctamente, entonces hay¡hay algo mal en mi codigocódigo!