ブラウザのresponse headerの情報が取得できない

Question

前提・実現したいこと

POSTリクエストを送ったさいのリクエストheaderから特定のheader情報だけを抜き取れるようにしたいです。

発生している問題・エラーメッセージ

headerの情報が取得できないです。
"const token = res.headers.get('access_token')"といったコードを書いたのですが、値が未定義となってしまいます。
ですがresponse headerにはaccess_tokenという名前でtokenが定義されています。どうして取得しようとすると未定義になってしまい、取得ができないのか

該当のソースコード

this.http.post(`http://localhost:8000/api/login/`, body, { observe: 'response' },
    ).subscribe(res => {
      let response: any = res;

      const token = response.access_token
      this.cookieService.set('access_token', token);

    });

function login() {
        $credentials = request(['email', 'password']);

        if (! $token = auth("api")->attempt($credentials)) {
            return response()->json(['error' => 'Unauthorized'], 401);
        }
        $token_encode = json_encode($token);

        return response()->json([
            'access_token' => $token,
            'token_type' => 'bearer',
            'expires_in' => auth()->factory()->getTTL() * 60
        ]);

試したこと

・access_token以外のheaderの情報を取得できるかの検証・・・できなかった

補足情報（FW/ツールのバージョンなど）

フロントエンド: angular
バックエンド: laravel

Answer 1

let response: any = res;

const token = response.access_token

としていたのを

let response: any = res;
const token = response.body
const acctoken = token.access_token

としたことによってjson形式のbodyのresponseを取り出すことに成功し、無事に解決しました