角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對我的幫助我的咒語錯誤檢測秒。