CORS Headers Not Present in XMLHttpRequest
<p>I am attempting to make an ajax call to a remote server, this is only for development purposes. I have CORS setup on my server, and as a result my response when requesting the resource through the browser looks like this.</p>

<p><a href="https://i.stack.imgur.com/Yd0bG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Yd0bG.png" alt="Browser Request"></a></p>

<p>As you can see the CORS headers are present, however my JavaScript request gets an error.</p>

<p><a href="https://i.stack.imgur.com/IRyUn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IRyUn.png" alt="enter image description here"></a></p>

<p><a href="https://i.stack.imgur.com/eU9pu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eU9pu.png" alt="enter image description here"></a></p>

<p>I am confused as to why my CORS headers are not present in the JavaScript request.</p>