Cookies headers are present but Cookies are not stored in browser

I’m making cross-domain request between two subdomains: sub1.local and sub2.local. Both are on local, as you see.

So I send POST from sub1.local to sub2.local. I recevie Cookie header: Set-Cookie: name=value; expires=Sun, 20-May-2018 21:38:08 GMT; Max-Age=3600; path=/; domain=.local. But there is no Cookie in browser storage.

All response headers:

HTTP/1.1 200 OK
Date: Sun, 20 May 2018 20:43:05 GMT
Server: Apache
Set-Cookie: name=value; expires=Sun, 20-May-2018 21:43:05 GMT; Max-Age=3600; path=/; domain=.local
Cache-Control: no-cache, private
Access-Control-Allow-Origin: http://sub1.local:8080
Vary: Origin
X-RateLimit-Limit: 60
X-RateLimit-Remaining: 59
Content-Length: 2
Keep-Alive: timeout=10, max=100
Connection: Keep-Alive
Content-Type: text/html; charset=UTF-8

What can be wrong?

I’ve tried add withCredentials: true after reading this question - didn’t helped.

[Skinner927]

For any poor SOB who lands on this page as I did, 127.0.0.1 != localhost. If you are serving your site from localhost(port whatever) and making CORS requests to 127.0.0.1 (port whatever) cookies will not stick! Ensure to use either only localhost or only 127.0.0.1, but do not mix and match.

[Tarasovych]

I’ve found an answer on stack about the problem that Chrome won’t set Cookie if there is port in domain url. Can I remove port from domain url? I’m using vue-cli.