角2饼干未设置

Question

我这样使用HTTP：

private headers = new Headers({ 'Content-Type': 'application/json' }) 
login(loginUser: LoginUser): Promise<User> { 
     return this.http.post('http://localhost:9009/api/users/login', JSON.stringify(loginUser), { headers: this.headers }) 
      .toPromise() 
      .then(res => res.json()) 
      .catch(this.handleError) 
    } 

这应该自动设置的cookie到浏览器，像这样：

但没有cookie的浏览器设置。

• 角版本：2.4.10
• 浏览器：Chrome浏览器56.0.2924.87（64位）|火狐52.0.2（64位）
• 语言：打字稿2.2.1
• 节点（AOT问题）：节点--version = 3.10.10

响应标头：

Answer 1

我解决我的问题指的是以下资源：

• Understanding and using CORS
• How to fix CORS problems

首先，这是一个问题，关于Cross-origin。我必须为我的Java服务器CORS标题（过滤器），就像这样：

httpServletResponse.addHeader("Access-Control-Allow-Origin", "http://localhost:4444"); 
    httpServletResponse.addHeader("Access-Control-Allow-Credentials", "true"); 
    httpServletResponse.addHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE, PUT"); 
    httpServletResponse.addHeader("Access-Control-Max-Age", "3600"); 
    httpServletResponse.addHeader("Access-Control-Allow-Headers", "Content-Type, Range"); 
    httpServletResponse.addHeader("Access-Control-Expose-Headers", "Accept-Ranges, Content-Encoding, Content-Length, Content-Range"); 

第二，我设置withCredentials归属当我提出的要求，如：

get(url: string, parmas: any): Observable<any> { 
    return this.http.get(url, { search: parmas, headers: this.headers, withCredentials: true }) 
     .map((res: Response) => res.json()) 
     .do(data => console.log('server data:', data)) // debug 
     .catch(this.handleError); 
} 

最后，感谢@JJJ对我的帮助我的咒语错误检测秒。