Angular6 post请求封装

文件名：http.service.ts
import{ Injectale} from '@angular/core'；
import {HttpClient,HttpHeaders,HttpErrorResponse} from 'angular/common/http';
import {Observable,throwError,of} from'rxjs';
import {catchError,map,tap} from'rxjs/operators';
const httpOptions={
headers:new HttpHeaders({'Content-Type':"application/json"})}
@Injectable({providedIn:'root'})

export class HttpService{
constructor(private http:HttpClient){}
pulblic postHttp(url :string ,data={}):Observable<any>{
return this.http.post(${url},data,httpOptions).pipe(map(this.extractData),catchError(this.handleError))}

//返回数据
private extractData(res:Response){
let body=res;
return body || {}
}
//返回错误信息
privtae handleError(error:HttpErrorResponse){
if(error.error instance ErrorEvent){
conse.log('an error occurred ',error.error.message)}
else{
conse.error{
'backed return code {error.status},+ body was:${error.error}'

}
return throwError('something bad happend;please try again later')
}

}

}