1

I am attempting to access an API when a button is clicked on a webpage using the fetch() command. My code as is works with the omdb API, but when I try to use Flixed (https://flixed.io/docs/api#overview) (both APIs are related to getting streaming data for movies/tv) the query fails with TypeError: Failed to fetch.

However, when I try to use an identical URL in my browser or in postman, the query returns JSON data as expected. I suspect that there is a cors error happening, but the message I receive back has status 200 and I'm not sure what I need to do to resolve it.

Here is the code I am running inside of a function in my script tag: `

    fetch("https://api.flixed.io/v1/movies/0208092?idType=imdb&apiKey=8MqjZtMPW1LUUEydpqjzULeQ6EmBfbEg", {
      method: 'GET',
    })
      .then(response => {
        return response.json();
      })
      .then((data) => {
        results = document.getElementById("resultsText");
        results.innerText = data;
        results.style.display = "block";
      })
      .catch((error) => {
        results = document.getElementById("resultsText");
        results.innerText = error.message;
        results.style.display = "block";
      });

`

I have tried searching on StackOverflow for similar issues, and have experimented with different headers and cors settings, but I have not been able to get any response other than the TypeError when accessing the Flixed API. I am unfortunately relatively new to web dev in particular, so my knowledge of API requests is limited, and my troubleshooting skills in this matter are limited to what I can find online. All the explanations I have been able to find online relating to cors issues seem to assume a level of pre-understanding I don't have, despite my attempts to implement them. So any level of explanation for such a solution would be greatly appreciated.

colberke
  • 19
  • 1

0 Answers0