クロスオリジンhttp.get要求のASP.NET Web API 2応答から特定の応答ヘッダー（Content-Dispositionなど）を取得

Question

アクセス時に特定のヘッダー（Content-Disposition）を取得できませんAngularサービスを介して。 CORSが有効になり、Angular HTTPClientがすべてのヘッダーを取得するように設定されます。

Startup.cs

public void Configuration(IAppBuilder app) 
     { 

      HttpConfiguration config = new HttpConfiguration(); 
      WebApiConfig.Register(config); 
      ConfigureOAuth(app, config); 
      app.UseCors(Microsoft.Owin.Cors.CorsOptions.AllowAll); 
      app.UseWebApi(config); 
} 

fileController.cs

[Route("file/{idFile}")] 
     public HttpResponseMessage GetFile(string idFile) 
     { 
      string file; 
      byte[] file; 

      document = fileService.GetFile(idDFile, out fileName); 

      var result = new HttpResponseMessage(HttpStatusCode.OK) 
      { 
       Content = new ByteArrayContent(file) 
      }; 
      result.Content.Headers.ContentDisposition = 
       new System.Net.Http.Headers.ContentDispositionHeaderValue("attachment") 
       { 
        FileName = nomeFile 
       }; 
      result.Content.Headers.ContentType = 
       new MediaTypeHeaderValue("application/octet-stream"); 

      return result; 
     } 

fileService.ts

getFile(fileId: number): Observable<Response> { 
     const url = `${urlBackEnd}/file/${fileId}`; 
     return this.http.get(url, { observe: 'response', responseType: 'blob' }) 
      .map(res => {; 
      console.log(res.headers.keys()); // There's no CONTENT-DISPOSITION 
      saveAs(<Blob>res.body); 
      return res.body; 
      }) 
      .catch(e => this.handleErrors(e)); 
} 

ここでヘッダーにconsole.logです：

[ 
    "content-type", 
    "cache-control" 
] 

は、私が何をしないのですが？私はちょうどContent-Dispositionヘッダーを取得したいです。あなたのfileController.csファイルで

Answer 1

は、ContentTypeとContentDispositionレスポンスヘッダを設定するとともに、あなたはAccess-Control-Expose-Headersを設定する必要があります。

result.Content.Headers.Add("Access-Control-Expose-Headers", "ContentDisposition"); 

注the relevant part of the Fetch specことがAccess-Control-Expose-Headersはその値として「*」ワイルドカードを持ってすることはできません。 ;代わりに、ブラウザがフロントエンドJavaScriptコードに公開するすべてのレスポンスヘッダー名を明示的に指定する必要があります（ただし、Cache-Control、Content-Language、Content-Type、Expires、Last-Modified、およびPragmaは常に公開されます）。 6個以外の応答ヘッダー、およびAccess-Control-Expose-Headersヘッダーの値に明示的に記載した応答ヘッダーの場合、ブラウザーはフロントエンドコードのアクセスをブロックします。