[英]Angular 10 HttpClient not setting correct Content-Type header
[英]angular v5.1.0 HttpClient not set header content-type : application/json
我正在嘗試將post api的頭設置為application.json
let options: { headers?: {'Content-Type':'application/json'} }
但沒有設定。
要使用新的HttpClient類定義內容類型,您需要:
@angular/common/http
導入(而不是從@angular/http
導入,當前標記為已棄用) import { HttpClient, HttpHeaders } from '@angular/common/http';
HttpClient
: constructor(private http: HttpClient) { }
headers
以定義所需的內容類型,以及准備要在調用中使用的對象的options
: private options = { headers: new HttpHeaders().set('Content-Type', 'application/json') };
this.http.post('your target url', yourBodyObject, this.options)
其中'your target url'
和yourBodyObject
僅用作示例,需要替換為您的實際數據。
Angular文檔中有一節內容 - 可能最近添加了:
import { HttpHeaders } from '@angular/common/http';
const httpOptions = {
headers: new HttpHeaders({
'Content-Type': 'application/json',
'Authorization': 'my-auth-token'
})
};
當我嘗試使用上述格式向httpOptions添加響應類型時,TypeScript給了我警告,所以我成功使用了以下內容:
let headers = new HttpHeaders({
'Content-Type': 'application/text'
});
return this.http.get(url, { responseType: 'text', headers })
文檔鏈接
檢查一下,
import {Http, Response, Headers, RequestOptions} from "@angular/http";
和
let headers = new Headers({ 'Content-Type': 'application/json'});
let options = new RequestOptions({headers: headers});
用於Http調用。
在這里試試這段代碼=>
let header = {'Content-Type':'application/json'}
這是一個例子:
public _funName( _params ): Observable<void> {
const headers = new Headers( { 'Content-Type': 'application/json' } // set your header);
/* The option withCredentials: true in the code bellow is used with the CORS variables, that is when the REST functions are on another server then Node.js and the Angular2 development application. */
const options = new RequestOptions( { headers: headers, withCredentials: true } );
return this.http.post( _yourLink, _params, options )
.map( this.extractData )
.catch( this.handleError );
}
public extractData( res: Response ) {
const body = res.json();
// const body = res;
return body || {};
}
public handleError( error: Response | any ) {
let errMsg: string;
if ( error instanceof Response ) {
const body = error.json() || '';
const err = body.error || JSON.stringify( body );
errMsg = `${error.status} - ${error.statusText || ''} ${err}`;
} else {
errMsg = error.message ? error.message : error.toString();
}
console.error( errMsg );
return Observable.throw( errMsg );
}
我希望這能幫到您。
let hdr = {
'Content-Type': 'application/json'
};
let options = { headers: hdr };
this.httpClient.post(url, payloadData, options);
OP代碼片段:
let options: { headers?: {'Content-Type':'application/json'} }
正在定義一個類型 { headers?: {'Content-Type':'application/json'} }
的選項變量,它有效但不是你想要的。 將:
更改為a =
使其成為作業 ,並刪除?
,這對作業無效。 這是合法的,最接近OP的嘗試,應該有效:
let options = { headers: {'Content-Type':'application/json'} };
如果您使用的是http.put()
使用以下代碼並接收json / plain文本:
const httpOpt = {
headers: new HttpHeaders({
'Content-Type': 'application/json',
'Accept': 'application/json, text/plain'
})
};
this.http.put('http://localhost:8080/bookapi/api/book/'+id, JSON.stringify(requestObj), httpOpt);
這就是我在user.service.ts中獲取用戶詳細信息的方法
進口:
import {HttpClient, HttpHeaders} from '@angular/common/http';
import {Observable} from 'rxjs/Observable';
import {Injectable} from '@angular/core';
在類中聲明變量:
@Injectable()
export class UserService {
private httpHeaders = new HttpHeaders().set('Content-Type','application/json');
protected options = {headers: this.httpHeaders,
search:{}
};
constructor(private http: HttpClient) {
}
/**
* getting user details
* @returns {Observable<any>}
*/
getUser(): Observable<any>{
return this.http.get('userApi/').catch(err => this.errorHandler(err));
}
/**
*
* @param error
* @returns {any}
*/
errorHandler(error: any): any {
if (error.status < 400) {
return Observable.throw(new Error(error.status));
}
}
}
我們可以通過創建新的HttpHeaders對象來定義Request頭。
HttpHeaders對象本質上是不可變的。 因此,將所有標題詳細信息設置在同一行中。
getUser(name: string, age: string) {
const params = new HttpParams().set('name', name).set('age', age);
const headers = new HttpHeaders()
.set('Content-Type', 'application/json')
.set('Authorization', 'my token');
return this.http
.get(`${endPoint}/user`, {
params,
headers
});
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.