![](/img/trans.png)
[英]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.