कोणीय 4 में हेडर को http अनुरोध

Question

में शामिल नहीं किया गया है, मैं बहुत सरल कोणीय 4 http अनुरोध का प्रयास कर रहा हूं। जब मैं क्रोम डेवलपर टूल की जांच करता हूं, तो मैं http शीर्षलेख नहीं देख सका।

const headers: Headers = new Headers(); 
headers.append('Content-Type', 'application/json'); 
headers.append('Authorization', 'Bearer: 123213'); 
this.http.post('https://127.0.0.1:502', JSON.stringify(token), {headers: headers}).subscribe(); 

क्या मुझे कुछ याद आ रही है?

Answer 1

angular@5.x. से शुरू @angular/http मॉड्यूल को इसके सभी वर्गों से बहिष्कृत किया गया है। अब angular/common/http का उपयोग किया जाना चाहिए। अधिक के लिए Read here।

आप इस तरह यह कर सकते हैं:

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

export class AppComponent { 
    constructor(private http: Http) { 
     const headers = new Headers(); 
     headers.append('Content-Type', 'application/json'); 
     headers.append('authentication', `hello`); 

     const options = new RequestOptions({headers: headers}); 
     this.http.post(
      "http://localhost:3000/contacts", 
      JSON.stringify({id: 4, name: 'some'}), 
      options 
     ).subscribe(); 

आप सुनिश्चित करें कि आप @angular/http से सही वस्तुओं आयात कर रहे हैं:

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

अगर आप अभी भी नहीं दिख रहा है आपके हेडर, यह भी संभव है कि आप जिस सर्वर का उपयोग कर रहे हैं वह उन्हें अनुमति नहीं देता है। जब कोई ब्राउज़र अन्य मूल के लिए अनुरोध करता है, तो यह जांचने के लिए कि क्या सर्वर कस्टम हेडर की अनुमति देता है, यह access-control-headers-request हैडर भेजता है। यदि आपका सर्वर कस्टम शीर्षलेखों को अनुमति देने के लिए कॉन्फ़िगर नहीं किया गया है, तो आप उन्हें परिणामी अनुरोधों में नहीं देख पाएंगे।

Answer 2

इस

constructor(private http: Http) { 
      this.headers = new Headers(); 
      this.headers.append('content-type', 'application/json'); 
    } 

रखो और विधि के अंदर इस

return this.http.post(url, jsonData, this.headers).map((resp: Response) => resp.json()); 

Answer 3

तो आप का उपयोग HttpClient बजाय Http अपने कोड होना चाहिए इस तरह दिखता है:

login(credintials: Authenticate): Observable<any> { 

    const body = { 
     username: credintials.username, 
     password: credintials.password, 
     grant_type: 'password', 
     client_id: credintials.client_id 
    }; 
    const headers = new HttpHeaders() 
     .set('Content-Type', 'application/x-www-form-urlencoded') 
     .set('Authorization', 'Basic loremlorem'); 

    return this.http.post(`${baseUrl}/uaa/oauth/token`, 
     body, 
     { 
      headers: headers 
     } 
    ); 
} 

अपने पैरामीटर वैकल्पिक है आपको इस तरह के पैरा जोड़ना चाहिए:

let params: HttpParams = new HttpParams(); 
if (param) { 
    params = params.append('page', param.page); 
} 

स्रोत कोड लगता है:

/** 
* Construct a new body with an appended value for the given parameter name. 
*/ 
append(param: string, value: string): HttpParams;