如何在Angular中查看.Net Core后端返回的完整错误响应？

你当前的Angular代码在处理错误时，直接序列化了整个HttpErrorResponse对象，得到的是框架生成的通用错误描述（如"Http failure response for ...: 400 OK"），但后端返回的具体错误消息其实存储在HttpErrorResponse的error属性中。

解决方案：提取err.error中的具体错误消息 #

修改你的错误回调代码，直接从err.error获取后端返回的内容：

<...>.subscribe(
    () => {
    },
    (err: HttpErrorResponse) => {
        this.busy = false;
        // 初始化默认错误消息
        let errorMessage = 'An unknown error occurred';
        
        // 检查后端是否返回了具体错误内容
        if (err.error) {
            // 如果后端返回的是字符串（如你的场景），直接赋值
            if (typeof err.error === 'string') {
                errorMessage = err.error;
            }
            // 兼容后端返回JSON对象的情况（可选，根据实际需求调整）
            else if (typeof err.error === 'object') {
                errorMessage = err.error.message || JSON.stringify(err.error);
            }
        }
        
        this.showErrorSheet('Error', '',
            `While saving the user, the system encountered this error: ${errorMessage}`);
    }
);

关键说明 #

• Angular的HttpErrorResponse中，err.message是框架自动生成的通用错误提示，并非后端返回的内容；
• err.error才是后端响应体的实际内容，你的场景中后端直接返回字符串，所以err.error就是"Username already in use"这类具体消息；
• 如果后续后端改为返回JSON格式的错误对象（比如return BadRequest(new { Message = "Username already in use" });），只需调整代码从err.error.Message提取消息即可。

内容的提问来源于stack exchange，提问作者Chrygore