Headers sent via postman and work fine, via react header is empty | TypeScript Community | Page 1

deft wind Feb 27, 2023, 6:44 PM

#

Here is the code

ts (async () => { fetch("http://localhost:8001/some/url", { headers: {'api-key':'SOMEKYEY'} }) .then(res => res.json())

Via postman the head is recognised and the value process, no issues!

What may be the issue here?

Thanks everyone!

deft wind Feb 27, 2023, 6:59 PM

#

This is a cors issue probably - note that without sending headers, the requests work fine (via react)

cedar stirrup Feb 27, 2023, 7:24 PM

#

need to enable credentials: "same-origin" maybe?

#

if you're working with cookies

cedar stirrup Feb 27, 2023, 7:25 PM

#

oh, right, if your app is on another post (different from localhost:8001), then the browser won't allow the request

#

from CORS reasons

#

but you'll get an error in your browser console

#

need on the server to set the header to accept requests from your react app

deft wind Feb 27, 2023, 8:19 PM

#

Hey! thanks ascor! It was cors, yes! I discarded it as I had that taken care of in the backend

#

Problem was it wasn't handling Headers

#Headers sent via postman and work fine, via react header is empty