Unable to get data from API with axios: Uncaught (in promise) Error: Request failed with status code 404

Question

I'm trying to retrieve an object from an API with axios, but I get the following error:

Uncaught (in promise) Error: Request failed with status code 404

Pasting the same url in the browser gives me the correct view of the object, I don't know where the error is.

Code:

useEffect(() => {
    axios
      .get("www.themealdb.com/api/json/v1/1/random.php")
      .then((res) => console.log(res));
  });

The URL is wrong. It should be www.themealdb.com/api/json/v1/1/random.php — Ariel, Dec 24 '21 at 12:37
My bad, the url actually included the final .php, I edited the question. — juzello, Dec 24 '21 at 12:41

score 0 · Answer 1 · answered Dec 24 '21 at 12:36

I think you pass the invaild url to axios

//www.domain.com/page

the scheme may be not the same for the two requests and the request headers are not the same

you should check the two requests.

most times, http and https do not response the same thing

1 Answers1