IT TIP

Angular2-HTTP RequestOptions 헤더

itqueen 2020. 10. 22. 23:49
반응형

Angular2-HTTP RequestOptions 헤더


나는 현재 tslint에 문제가 있으며 누군가가 나를 올바른 방향으로 안내 할 수 있기를 바랍니다.

Angular2 프레임 워크에서 제공하는 HTTP를 사용하여 HTTP GET 요청을 보내려고합니다. 이 요청으로 콘텐츠 유형과 전달자 인증 토큰을 지정해야합니다.

내 코드의 예 :

let headers = new Headers();
let authToken = this._user.getUser().JWT;
headers.append('Content-Type', 'application/json');
headers.append('Authorization', `Bearer ${authToken}`);
let options = new RequestOptions({ headers: headers });

this._http.get('http://' + url '/', options)
            .timeout(3000)
            .subscribe(
                (res) => {

이것은 작동하지만 tslint는 다음과 같이 불평합니다.

"TS2345 : '{headers : Headers;}'유형의 인수는 'RequestOptionsArgs'유형의 매개 변수에 할당 할 수 없습니다. 'headers'속성 유형은 호환되지 않습니다. 'Headers'유형은 'Headers'유형에 할당 할 수 없습니다. 두 가지 유형 이 이름을 가진 이름이 존재하지만 관련이 없습니다. '헤더'유형에 속성 '키'가 없습니다. "

지원에 감사드립니다.


최신 정보

오늘로서, @angular/http되어 사용되지 않는 , 그리고 @angular/common/http대신 사용해야합니다. 따라서 http 헤더로 작업하는 가장 좋은 방법은 가져 오는 것입니다 import { HttpHeaders } from '@angular/common/http';( documentation ).

이전 답변

Headers가져 가정되는 유형입니다 import { Headers } from '@angular/http';.

수입품 확인


다음과 같이 헤더를 업데이트해야합니다.

let headers =  {headers: new  HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded'})};

Angular 5 업데이트

import { RequestOptions } from '@angular/http';

나는 정답의 댓글에서 이것을 찾았으므로 이것이 누군가에게 도움이된다면 행운을 빕니다.

문서 : https://angular.io/api/http/RequestOptions


// 콘텐츠 유형 Json의 헤더 예

import { Http, Headers, RequestOptions } from '@angular/http';

const Url = 'http://localhost:3000/';
const headers = new Headers;
const body = JSON.stringify({
title: "data" 
});
headers.append('Content-Type', 'application/json');
this.http.post(Url, body, { headers: headers })
.pipe(map((res => res)));

참고 URL : https://stackoverflow.com/questions/43205570/angular2-http-requestoptions-headers

반응형