title: Angular 2 cookie not set
body: <p>I use the http like this:</p>
  
  <pre><code>private headers = new Headers({ 'Content-Type': 'application/json' })
  login(loginUser: LoginUser): Promise&lt;User&gt; {
          return this.http.post('http://localhost:9009/api/users/login', JSON.stringify(loginUser), { headers: this.headers })
              .toPromise()
              .then(res =&gt; res.json())
              .catch(this.handleError)
      }
  </code></pre>
  
  <p>This should set cookie to browser automatically, like this:</p>
  
  <p><img src="https://i.stack.imgur.com/mDxFu.png" alt="Console screenshot"></p>
  
  <p>But there is no cookie set in browser.</p>
  
  <ul>
  <li>Angular version: 2.4.10</li>
  <li>Browser: Chrome 56.0.2924.87 (64-bit) | FireFox 52.0.2 (64-bit)</li>
  <li>Language: TypeScript 2.2.1</li>
  <li>Node (for AoT issues): node --version = 3.10.10</li>
  </ul>
  
  <p>The response headers:</p>
  
  <p><img src="https://i.stack.imgur.com/Zcxwl.png" alt="Response headers"></p>