title: Cookie not set at local development Express REST API + react SPA
body: <p>I have googled for a while now and still no luck. I am running a REST api using nodeJS + express at localhost:3000. On the same computer I am running the frontend on 127.0.0.1:3001. From my backend API I am receiving the set-cookie header. But it is not being treated as a cookie by my browser. Hence, Application -&gt; Cookies -&gt; <a href="http://127.0.0.1:3001" rel="nofollow noreferrer">http://127.0.0.1:3001</a> is empty. I have tried chrome, safari and firefox. In chrome I have tried turning off these flags:</p>
  <ul>
  <li>SameSite by default cookies</li>
  <li>Enable removing SameSite Cookies without</li>
  <li>SameSite must be secure</li>
  </ul>
  <p>The suggestion I tried from google was:</p>
  <ul>
  <li>use 127.0.0.1 instead of localhost</li>
  <li>disable flags in chrome</li>
  <li>use firefox instead</li>
  <li>include credentials in axios request: withCredentials: true</li>
  <li>To no set Domain under cookie options</li>
  </ul>
  <p>When I deploy to production everything works as intended. There seem to be many people with this issue but none of the solutions I have found has worked.</p>
  <p>Response header:</p>
  <p><a href="https://i.stack.imgur.com/GE187.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GE187.png" alt="enter image description here" /></a></p>