Check this below service code.

import { Injectable } from '@angular/core';
import { Http, Response, Headers, RequestOptions, URLSearchParams } from '@angular/http';
import { Observable } from 'rxjs/Rx';
import { DataJson } from "../models/dataJson";
import { AppSettings } from '../app.settings';

@Injectable()
export class StepsServices {
    constructor(private http: Http) {}    

    postGetPanelists(params, token): Observable<DataJson[]> {
        debugger;
        let tokenHeaders = new Headers({
            'Authorization' : 'Bearer '+token,
            'Accept': 'application/json',
        });

let tokenOptions = new RequestOptions({ headers: tokenHeaders });

  return this.http.post(AppSettings.BASE_API_URL+'demo/demo/', params, tokenOptions)
        .map((res: Response) => res.json())
        .catch(this.handleError);
}

private handleError(error: any) {
  let errMsg = (error.message) ? error.message :
      error.status ? `${error.status} - ${error.statusText}` : 'Server error';
  console.error(errMsg);
  return Observable.throw(errMsg);
}
}

Like this I am calling service

panelists
  getPanelistsAPI(){
    let params = 'id=AB-12-BC';
    let token = atob(localStorage.getItem('token'));
    this.stepsServices.postGetPanelists(params, token).subscribe(data =>{
      this.panelists= data[0];
    });
  }

this is response data in network

在这里，我们没有看到参数和其他细节 .

常规：请求URL：http：// localhost：9090 / demo / demo Referrer策略：no-referrer-when-downgrade请求标头：显示临时标头Access-Control-Request-Headers：authorization Access-Control-Request-Method ：POST Origin：http：// localhost：4200 User-Agent：Mozilla / 5.0（Windows NT 10.0; Win64; x64）AppleWebKit / 537.36（KHTML，类似Gecko）Chrome / 64.0.3282.167 Safari / 537.36

javascript angular angular5