Cross-origin cookie sharing for AJAX requests


Servers can tell browsers to store cookies, when the user browses the site.

However, with the exception of scripts that issue AJAX requests. Unless invoked in a specific way, and that the server agrees to it, browsers, by default, will not share cookies with the server.

You will have to make three changes.

First, the server should have Access-Control-Allow-Credentials set to true in the headers.

Second, when using fetch, the init options should have the credentials property set to 'include', e.g.

const response = await fetch("https://example.com", {
credentials: "include",

Additionally, Access-Control-Allow-Origin cannot be a wildcard.

Edit this page
Want to make your own site like this? Try gatsby-theme-code-notes by Zander Martineau.
Notes on code. My second brain, by Sal Rahman.