Question

如何获取响应POST请求的状态代码？我的服务方法返回：

return this.httpClient.post(url, body, {observe: 'response'})
            .catch(HandleError.handleErrorClient);

在我的组件中，我调用此方法并订阅：

    .subscribe(
        res => {
            console.log(res);
            console.log(JSON.stringify(res));
            this.responseStatus = res.status;
            console.log(this.responseStatus);
        },
        err => {
            this.responseStatus = err.status;
        });

但是在浏览器控制台中没有任何内容 - 但是当请求包含错误时，this.responseStatus = err.status会返回正确的状态代码，但res.status或res不包含状态代码，只有反应机构。

修改

组件：

responseStatus: number;

loginUser() {
    this.loginData = this.loginForm.getRawValue();
    this.userLoginService.loginUser(this.loginData)
        .subscribe(
            res => {
                console.log('bla bla');
                this.responseStatus = res.status;
            },
            err => {
                console.log(err.status); //401
                console.log(err.error.error); //undefined
                console.log(JSON.parse(err.error).error); //unauthorized
                this.responseStatus = err.status;
            });
}

服务：

import {Http} from "@angular/http";
import {HttpClient} from '@angular/common/http';

...

    constructor(private http: Http, private httpClient: HttpClient) {
    }


    loginUser(loginData: LoginForm) {
        return this.httpClient.post(this.loginURL, loginData, {observe: 'response'})
            .catch(HandleError.handleError);
    }

把手error.ts

export class HandleError {

    static 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(error);
    }
}

POST：/ api / login 我正确登录，但仅此而已...我希望在浏览器控制台中console.log('bla bla');。使用Http没有问题。

Angular 2 4 HttpClient。 POST请求 - 如何获取状态代码

0 个答案: