angualr4 使用resolve守卫先向服务器请求数据，在将数据到给组件，可是带给组件的数据却为String类型，怎么办？

Question

resolve守卫
export class Getcasedata implements Resolve<CaseInfo> {

private getcasedata= {};
constructor(private http: HttpInterceptorService, private router: Router) {}
login() {

return this.http.request({
  method: 'get',
  url: '../../assets/data/caseInfo.json',
  data: {
    id: 11,
  },
});

}
resolve (route: ActivatedRouteSnapshot ): CaseInfo {
let id: string = route.queryParams['id'];

return this.login();

}
}

http服务；
public get(url: string, params: any): any {

return this.http.get(url, {search: params})
  .toPromise()
  .then(this.handleSuccess)
  .catch(res => this.handleError(res));

}

/**

• post请求
• @param url 接口地址
• @param params 参数
• @returns {Promise<R>|Promise<U>}
  */

1. post(url: string, params: any) {
   return this.http.post(url, params)

   .toPromise()
   .then(this.handleSuccess)
   .catch(res => this.handleError(res));

   }

   /**

   • 处理请求成功
   • @param res
   • @returns {{data: (string|null|((node:any)=>any)
     */

2. handleSuccess(res: Response) {
   let body: {} = res['_body'];
   if (body) {

   return {
     data: body || {},
     statusText: res.statusText,
     status: res.status,
     success: true
   };

   }
   else {

   return {
     statusText: res.statusText,
     status: res.status,
     success: true
   };

   }

   }

组件接收数据

this.routerinfo.data.subscribe((data: {caseInfo: CaseInfo}) => {
  let id: string = this.routerinfo.queryParams['id'];
  this.caseData = data.caseInfo;
  console.log( typeof  this.caseData);
});

Answer 1

看了你的代码 你是自己写了handleSuccess函数对数据进行了处理
但是感觉似乎并没有很大必要，不如直接使用 Promise 或者 Observable

似乎是因为少了
res => res.json()
导致返回是字符串的

小小看法 希望对你有所帮助

Answer 2

问题出在这里，let body: {} = res['_body']

你可以在控制台输出这个body，是包括响应头信息等各种数据。

你期望返回的数据还需要添加body.json()