CORS Response Header "Set-Cookie" could not be retrieved


I’ve setup the react UI in Cloudflare Pages with custom domain There is a login page that allows users to key in user name and password. Once they’ve supplied the info, it will use axios to make a call to an API that is hosted in Cloudflare Workers and from there I’ve written sample codes to return Set-Cookies header with the “secret-token” value.

Since Pages and Workers reside in different domain, so I’ve configured Workers to supplied the following values to the API response, in addition to Set-Cookies header-values:

  1. “Access-Control-Allow-Origin”: “*”
  2. “Access-Control-Allow-Methods”: “*”
  3. “Access-Control-Allow-Headers”: “*”
  4. “Access-Control-Expose-Headers”: “Set-Cookie”

But when I check the response headers by using script (console.log) written in my login.jsx, it only contains content-length and content-type. But when I check the response from Chrome (Developer Tools’ Network) in my case, those header-values above exist.

How can I get the response’s header values from the axios call in this case?