javascript - Getting this error message 'TypeError: Failed to fetch' - Stack Overflow

admin管理员组

文章数量:1333210

While trying to fetch images from cloudinary getting this error 'TypeError: Failed to fetch'. Its a MERN project.

const fetchPosts = async () => {
  setLoading(true);

  try {
    const response = await fetch("http://localhost:8080/api/v1/post", {
      method: "GET",
      headers: {
        "Content-Type": "application/json",
      },
    });

    if (response.ok) {
      const result = await response.json();
      setAllPosts(result.data.reverse());
    }
  } catch (err) {
    alert(err);
  } finally {
    setLoading(false);
  }
};

While trying to fetch images from cloudinary getting this error 'TypeError: Failed to fetch'. Its a MERN project.

const fetchPosts = async () => {
  setLoading(true);

  try {
    const response = await fetch("http://localhost:8080/api/v1/post", {
      method: "GET",
      headers: {
        "Content-Type": "application/json",
      },
    });

    if (response.ok) {
      const result = await response.json();
      setAllPosts(result.data.reverse());
    }
  } catch (err) {
    alert(err);
  } finally {
    setLoading(false);
  }
};

• javascript
• reactjs
• api
• express

Share Improve this question Follow edited Feb 15, 2023 at 20:48 mmh4all 1,76144 gold badges88 silver badges2323 bronze badges asked Feb 15, 2023 at 11:38 Kiran JohnsonKiran Johnson 3111 gold badge11 silver badge44 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 2

Failed to fetch issue is the most probably because of CORS , please make sure that your backend should allow requests from your domain. Also please check the response that has been sending from backend api.

This is likely an issue with what you're receiving from the backend. Check CORS headers, the HTTP method the backend expects, the URL, etc.

See this link for some more possible answers:
https://bobbyhadz./blog/javascript-typeerror-failed-to-fetch-cors

My IP address wasn't added to mongodb, once it was added the issue got resolved.

本文标签： javascriptGetting this error message 39TypeError Failed to fetch39Stack Overflow