*Cookies* sent by server is not Visible from frontEnd (CORS applicable)

[rbanik1204]

The cookies created in server side(HTTP server) isnt visible to FrontEnd script
I have created an Array of Cookies using Set-Cookie inside createServer method

res.setHeader('Set-Cookie', [
'sessionId=abc123; SameSite=None;Secure;',
'username=ratul; SameSite=None;Secure;',
'name=Ratul; SameSite=None;Secure;'
]);

According to Cross Origin resource sharing if my domain or PORT is different then i have to used

`"Access-Control-Allow-Origin":`` 'http://X.X.X.X:3000

[',]
"Access-Control-Allow-Methods": "GET, POST, OPTIONS",
'Access-Control-Allow-Headers': 'Content-Type,user-agent,X-Client-Header',
'Access-Control-Allow-Credentials': 'true'

YES I Have used it and Since my frontend sending CORS request hence i have also used

'credentials':'include'

STILL
whensoever i do on (FrontEnd Script)
document.cookie -----> this gives empty string
OR
res.headers.get('Set-Cookie') ---> gives null

I have attached my repo below
HTML_CSS_JS_PRACTICE/HTML_CSS_JS_30/PS3

[rbanik1204]

still pending

[rbanik1204]

The frontend is at http://127.0.0.1:3000 and the backend is held on http://localhost:8000 . So the frontend creates Cross-Origin requests .Hence the cookies created by server are specifically configured to its domain ,here it is localhost .
Important to Note

1. Cookies ignore Protocol types
2. Cookies ignore Port Numbers
   Therefore cookies cannot be seen from the browser js script,rather from the frontend domain.
   BUT HERE'S THE POINT
   If the parent domain(SLD+TLD) is same and cookie domain attr is set to parent domain then only the cookies can logged from any subdomains which definitely includes the frontend Also.
   Hence the document.cookie gives EMPTY string and
   res.headers.cookie gives null