角度HttpClient“解析期间Http失败”

Question

我尝试从Angular 4向我的Laravel后端发送POST请求。

我的LoginService有以下方法：

login(email: string, password: string) {
    return this.http.post(`http://10.0.1.19/login`, { email, password })
}

我在LoginComponent中订阅了此方法：

.subscribe(
    (response: any) => {
        console.log(response)
        location.reload()
    }, 
    (error: any) => {
        console.log(error)
    })

这是我的Laravel后端方法：

...

if($this->auth->attempt(['email' => $email, 'password' => $password], true)) {
  return response('Success', 200);
}

return response('Unauthorized', 401);

我的Chrome开发工具说我的请求成功了，有200个状态代码。但是我的Angular代码触发了错误块，并给我这个消息：

在分析的过程中Http失败http://10.0.1.19/api/login

如果我从后端返回一个空数组，它会工作。。。那么Angular试图将我的响应解析为JSON？如何禁用此功能？

Answer 1

即使添加响应类型，我也处理了几天，但没有成功。终于我明白了。确保在后端脚本中没有将标头定义为-（"Content-Type： Application/json）；

因为如果您将其转换为文本，但后端请求json，它将返回一个错误。。。

Answer 2

如果你有选择的话

return this.http.post(`${this.endpoint}/account/login`,payload, { ...options, responseType: 'text' })

Answer 3

您可以指定要返回的数据不是JSON，使用响应类型。

在您的示例中，可以使用text的responseType字符串值，如下所示：

return this.http.post(
    'http://10.0.1.19/login',
    {email, password},
    {responseType: 'text'})

响应类型的完整选项列表是：

• json（默认值）
• 文本
• arraybuffer
• blob

有关更多信息，请参阅文档。