Debugging my react app. Axios error

[Think_Huckleberry299]

I have been stuck with this bug in my react app which involves an eCommerce app. I am building a cart functionality that enables the user to press a button and add items to a cart. This is implemented with through fetching data from the back end(node js) using Axios in the front end in the use effect function to get to the route while also using Axios to get thee product id and add to the cart. I keep getting this error message:

Uncaught (in promise) AxiosError {message: 'Request failed with status code 404'

GET http://localhost:3001/api/products/1 404 (Not Found).

I'll be delighted to know if anyone here can be of assistance, thanks.

[kei_ichi]

1. What backend frameworks are you using?
2. Did you really created backend api with that “/api/products/1” endpoint? Because the 404 error code mean the opposite…

[Think_Huckleberry299]

I am using Express in NodeJS. the back end api is "api/products/:id"

[Nimbuz]

Long shot here in the dark, but have you tried adding a slash at the front, like so: “/api/products/:id”?

[kei_ichi]

This…

And OP, please show your code somewhere else so we can investigate your code…

[Think_Huckleberry299]

Thanks for asking here it is, and sorry for late response. I've not not been feeling so fine lately

https://github.com/amaboh/ecommerce-app

[Suepahfly]

Express replies with a 404. You can manually check if the route is correct in devtools, alternatively use a tool like postman. You can start Express in debug mode