Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在Angular 6中获取CatchError块中的API错误响应?

如何在Angular 6中获取CatchError块中的API错误响应?
EN

Stack Overflow用户
提问于 2018-11-05 17:43:57
回答 1查看 304关注 0票数 0

我是angular和Angular 6的新手。我有一个API,它的400错误请求如下

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
POST /register 
{
    "success": false,
    "error": {
        "email": [
            "Enter a valid email address."
        ]
    }
}

我正在尝试调用angular中的API,如下所示

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
register(username: string, email: string, password, first_name: string, last_name: string) {
        return this.http.post<any>(this.registerURL,
            {"username": username, "password": password, "email": email, "first_name": first_name,
                "last_name": last_name})
            .pipe(map(user => {
                    if (user && user.token) {
                        localStorage.setItem('token', user.token);
                    }
                    return user;
                }),
                catchError((error: any) => {
                    return throwError(error);
                })
            );
    }

我的问题是如何在CatchError块中获取接口错误响应。

EN

回答 1

Stack Overflow用户

发布于 2018-11-05 18:23:37

您可以通过向HttpClient提供options对象来访问完整的响应,如HttpClient文档中所述。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
this.http.get<any>(
this.configUrl, { observe: 'response' });

Blitzstack示例:https://stackblitz.com/edit/angular-lkxdwj?file=src%2Fapp%2Fhello.component.ts

带有头部和statusCode的响应将作为参数提供给catchError操作符和subscribe函数的错误回调。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53159528

复制
相关文章

相似问题

添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文