Access to fetch blocked by CORS while getting data from swapi

Question

Hi I try to get data from https://swapi.dev/api/ but i recive error in console: 'Access to fetch at 'https://swapi.dev/api/people' from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.'

I'm doing this in that way:

  fetch('https://swapi.dev/api/people',{
   headers: {
     "Access-Control-Allow-Origin": '*'
   }
  })
  .then(res=>console.log(res))

I noticed, that on incognito everything is working fine

There are hundreds of questions about this error, what research have you done? — Barmar, Dec 31 '20 at 15:44
there are MANY existing Stack Overflow questions regarding CORS issues with data fetching in Javascript. which of them have you researched, what solutions have you attempted, and why did they not solve your specific problem? — Dan O, Dec 31 '20 at 15:45

Gabriele Petrioli · Answer 1 · 2020-12-31T15:55:41.020

0

Just remove the options you have and it should work

remove the

  {
   headers: {
     "Access-Control-Allow-Origin": '*'
   }
  }

What the server replies is that they do not allow this header in the request.

Additionally, if you want to log the actual data you need to first extract it from the response object

fetch('https://swapi.dev/api/people')
  .then(response=>response.json())
  .then(data=>console.log(data))

edited Dec 31 '20 at 15:55

answered Dec 31 '20 at 15:46

Gabriele Petrioli

191,379
34
261
317

no, it's not working – robert Dec 31 '20 at 15:50
@robert do you still get the same error ? – Gabriele Petrioli Dec 31 '20 at 15:53
yes, exactly... – robert Dec 31 '20 at 15:54
@robert is it the native browser `fetch` ? (*which browser and version and which os ?*) – Gabriele Petrioli Dec 31 '20 at 15:58
Yes, now i notice, that on incognito everything is working – robert Dec 31 '20 at 16:00

Access to fetch blocked by CORS while getting data from swapi

1 Answers1