HTTPClient POST尝试解析非JSON响应

Question

我试图在Angular中发出请求，我知道HTTP响应不是在JSON中，而是在文本中。但是，Angular似乎期待一个JSON响应，因为错误如下：

SyntaxError：JSON中XMLHttpRequest.c的JSON.parse（）位置0处的意外标记<

return this.http.post(this.loginUrl, this.createLoginFormData(username, password), this.httpOptions)
  .pipe(
    tap( // Log the result or error
      data => console.log(data);
      error => console.log(error)
    )
  );

private httpOptions = {

  headers: new HttpHeaders({
    'Accept': 'text/html, application/xhtml+xml, */*',
    'Content-Type': 'application/x-www-form-urlencoded',
    responseType: 'text'
  },

) };

我认为responsetype:'text'足以使Angular expect得到非JSON响应。

Answer 1

private httpOptions = {
  headers: new HttpHeaders({
    'Accept': 'text/html, application/xhtml+xml, */*',
    'Content-Type': 'application/x-www-form-urlencoded'
  }),
  responseType: 'text'
};

使用之前的内容，将向服务器发送responsetype的请求标头，而不是简单地向Angular发出将响应视为文本的指令。