Cross-Origin Request Blocked: Unable to fetch from server in project.

[dhrudevalia]

I wanted to have a little play around and perhaps build a funny front end (React + TS), and just doing some preliminary api checks.
And am receiving this error.

If i'm not mistaken i believe on the backend side you need to enable access-control-allow-origin: * to allow users to fetch results in their own apps.

Error below:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://owen-wilson-wow-api.herokuapp.com/wows/movies. (Reason: CORS header ‘Access-Control-Allow-Origin’ does not match ‘https://owen-wilson-wow-api.herokuapp.com’).

Please correct me if i'm wrong.

This is the code i'm running.

const getWow = (): Promise<Response> => {
  return fetch('https://owen-wilson-wow-api.herokuapp.com/wows/movies')
}

const fetchWow = () => {
  getWow().then((w) => {
    console.log(w.json)
  })}

Attached to a button onclick.