Question

我在从服务器获取http响应时遇到问题。我想将HttpClient的身份验证登录复制到我的login.service.ts文件中。

我在最后几个小时尝试了2个解决方案，但没有任何帮助...

这是我使用的代码：

login.service.ts

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class LoginService {
  constructor(private http: HttpClient) { }

  login(){
    this.http.post('http://localhost:3000/auth', null, {headers: {
        'x-login': 'admin', 
        'x-password': '8c6976e5b5410415bde908bd4dee15dfb167a9c873fc4bb8a81f6f2ab448a918'}})
  .subscribe(myToken => console.log(myToken));
  }
}

我使用PostMan测试登录名和密码， / auth 响应令牌： 653db89e-b80e-47f8-834a-62275b04fcbb 。

Content-Type不是 JSON 响应，这是 text / html； charset = utf-8 ，我认为可能是问题所在，但我真的不知道。

错误是：

HttpErrorResponse {headers: HttpHeaders, status: 201, statusText: "Created", url: "http://localhost:3000/auth", ok: false, …}
error: {error: SyntaxError: Unexpected number in JSON at position 1 at JSON.parse (<anonymous>) at XMLHttp…, text: "08951337-479a-4e53-8b1b-823d29d89139"}
headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}
message: "Http failure during parsing for http://localhost:3000/auth"
name: "HttpErrorResponse"
ok: false
status: 201
statusText: "Created"
url: "http://localhost:3000/auth"
__proto__: HttpResponseBase

欢迎任何帮助！

如果我说的不清楚，我会尝试学习Angular 7，请随时询问我更多信息。

谢谢！

Answer 1

我在我的 post（）中添加了reponseType: "text"参数，它起作用了！那就是完整的操作：

this.http.post('http://localhost:3000/auth', null, {headers: {
        'x-login': 'admin', 
        'x-password': '8c6976e5b5410415bde908bd4dee15dfb167a9c873fc4bb8a81f6f2ab448a918'},
responseType: "text" })
.subscribe(myToken => console.log(myToken)); // Output : 43307067-0c23-47ae-8085-402959e1f157

HttpErrorResponse-无法从服务器获取文本/ html响应

1 个答案: