使用angular框架的客户端页面报错[object Object]

问题背景：

前端框架：angular

后端接口：返回值为字符串类型，post请求

前端用HttpClient组件调用后端接口，使用双向绑定，将返回值显示在页面上，前端报错[object Object]

问题分析：

angular项目使用HttpClient组件调用接口，默认的接口返回值是JSON，而我们使用的接口返回值是字符串类型，HttpClient无法解析，所以就会报错

解决过程：

既然是因为解析返回值时报错，只需要在调用接口时指定返回值类型为字符串类型或者将接口返回值改成JSON类型即可。

1.在调用接口时指定返回值类型为字符串类型{responseType: 'text' as 'json'}

注意：在新的ts和angular版本中指定返回值类型直接写成{responseType: 'text' }即可，不需要类型断言{responseType: 'text' as 'json'}，因为旧版本将 ‘text'’强制转换为兼容的类型会出现编译时类型检查错误，需要使用类型断言来绕过编译器错误。