Token de portador de autorização Angular 5

Estou confuso sobre como criar um bom cabeçalho para uma simples solicitação Get no Angular 5.

Isto é o que eu preciso fazer no Angular:

Isto é o que eu tenho até agora:

  getUserList(): Observable<UserList[]> {
    const headers = new Headers();
    let tokenParse = JSON.parse(this.token)             
    headers.append('Authorization', `Bearer ${tokenParse}`);
    const opts = new RequestOptions({ headers: headers });  
    console.log(JSON.stringify(opts));
    const users = this.http.get<UserList[]>(this.mainUrl, opts)
    return users
            .catch(this.handleError.handleError);         
  }

Esta é a resposta no meu console.log:

{"method":null,"headers":{"Authorization":["Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6ImYwODZlM2FiYTk0ZjVhMjVmNDhiNzlkYmI2YWUwOWY4YzE2MTUyMzg2N2I5MDZiY2MzNWQyNWJiYTZmYTE4YjEwZjA1MjZiNThkZjE2Y2FjIn0.eyJhdWQiOiJmMDExY2M1OC00MGNlLTQzYTktOGY3MS04NDI0OTRlM2E5OTciLCJqdGkiOiJmMDg2ZTNhYmE5NGY1YTI1ZjQ4Yjc5ZGJiNmFlMDlmOGMxNjE1MjM4NjdiOTA2YmNjMzVkMjViYmE2ZmExOGIxMGYwNTI2YjU4ZGYxNmNhYyIsImlhdCI6MTUyMzU1MTQ0NSwibmJmIjoxNTIzNTUxNDQ1LCJleHAiOjE1MjM1NTQ0NDUsInN1YiI6IjIiLCJzY29wZXMiOlsiYXV0aGVudGljYXRlZCIsImFuZ3VkcnUiXX0.E-WdQTl7nPDW0gj0rohfql-QgnAinzvDxPR-pySMrG07XFY9tA6Ex7IL23pDBmKDmQO8RcZKa0L5r6SRQq9_iqzMWzn5Zxp94J9TJrpZ2KGMoLR_FbK_tpC5G5q5vUnCe3q34sH7cPdT_2cI704OWWaYmIUKKpXWUIG0PJw_uKSJ_uOifPv59RZGQkoaQ9gPywDKe-uamm1Faug-Kk2YnFMoEJq7ou19zyxgdpX80ZTPUae67uB0PGLRuvxfGaqVsJ8k0NunAY3-pyUnBwR_3eeuOxf4TyfW2aiOJ9kuPgsfV4Z1JD7nMpNtTHMJaXEyNkBW8RlYHD1pj4dkdnsDmw"]},"body":null,"url":null,"withCredentials":null,"responseType":null}

Parece bonito. Mas me dá esse erro

PEGUEhttp: //druang.dd: 8080 / lista de usuários? _format = json 403 (Proibido)

Há outra pista para resolver esse mistério. Em texto sublime, se eu colocar o mouse sobreopts diz algo como:

ERRO no src / app / services / userlist.service.ts (33,59): erro TS2345: O argumento do tipo 'RequestOptions' não é atribuível ao parâmetro do tipo '{headers ?: HttpHeaders | {[header: string]: string | corda[]; }; observar ?: "corpo"; params ?: Ht ... '. Os tipos de propriedade 'headers' são incompatíveis. O tipo 'Headers' não é atribuível ao tipo 'HttpHeaders | {[header: string]: string | corda[]; } '. O tipo 'Headers' não pode ser atribuído ao tipo '{[header: string]: string | corda[]; } '. A assinatura do índice está ausente no tipo 'Cabeçalhos'.

Qualquer ideia?? Aqui está oRepositório Git Obrigado pela ajuda!

questionAnswers(4)

yourAnswerToTheQuestion