Question

我已经实现了通过我的HTTP请求中的catch获取API错误的值。我现在的问题是，当我调用服务时，如何获取组件中HTTP catch的返回值。

这是我的HTTP服务中的代码：

login(username,password){
        let headers = new Headers();
        headers.append('Content-Type','application/json');

        return this.http.post(this.configEnvironment.url() + "oauth/access_token",
            JSON.stringify(
                {
                    username: username,
                    password: password,
                    grant_type: "password",
                    client_id: "xxxx",
                    client_secret: "xxxxx"
                }
            ),
            { headers }
        )
        .map(res => res.json())
        .catch((err:Response) => {
            let details = err.json();
            return Observable.throw(new Error(details));
         });

     }

这是我在login.component中的代码：

this.loginService.login(this.model.username,this.model.password)
            .subscribe(
                data => console.log("data"),
                error => {
                   console.log(error);
                },
                ()  =>  console.log("Finished")
            );

在chrome developer工具中，这是console.log：

的返回

Error: [object Object](…)

但http服务catch的实际返回是这样的： {＆＃34;错误＆＃34;：＆＃34; invalid_credentials＆＃34;，＆＃34; error_description＆＃34;：＆＃34;凭据无效＆＃34; } 这是我想进入login.component

Answer 1

在.catch()中，更改：

return Observable.throw(new Error(details));

为：

return Observable.throw(details);

从HTTP catch返回解析错误 - Angular 2

1 个答案: