角度4

Question

にいくつかのヘッダーの値を取得していないが、私は、角度4で、次のようなバックエンドを照会しています

this.classzService.query({ 
     page: this.page, 
     size: this.itemsPerPage, 
     sort: this.sort(), 
     url: url 
    }).subscribe(
     (res: Response) => this.onQuerySuccess(res.json(), res.headers), 
     (res: Response) => this.onError(res.json()) 
    ); 

    private onQuerySuccess(data, headers: Headers) { 
     this.links = this.parseLinks.parse(headers.get('Link')); 
     this.totalItems = headers.get('X-Total-Count');   
    } 

問題はheaders.get('Link')あるとheaders.get('X-Total-Count')は私にNULL値を与えます。

クロムブラウザをチェックすると、その値が表示されます。何が問題なのか。

Answer 1

これは、一般にCORSの場合、起点が異なる場合に発生します。サーバーでCORSを有効にすると、既定では一部の既定のヘッダーのみが公開されます。あなたのケースでは、2つのカスタムヘッダLinkとX-Total-Countがあります。サーバー上では、Access-Control-Expose-Headersを使用してこれらのヘッダーを明示的に公開する必要があります。あなたはASP.NETのWEBAPIを使用しているなら、あなたはあなたのWebApiConfigクラスにこれを追加することによって行うことができます。

config.EnableCors(new EnableCorsAttribute("*", "*", "GET, POST, OPTIONS, PUT, DELETE", "Link, X-Total-Count")); 

あなたはこの概念hereとhereを確認することができます。