httpClient使用授权承载获取响应未知错误

Question

Service.ts

public welcome(token: any){
    let tokenString = "Bearer "+token
    console.log("tokenString is: "+tokenString)
    let header = new  HttpHeaders().set("Authorization",tokenString);
    const requestOptions = {  headers: header};  
    return this.httpClient.get('http://localhost:8191/api/',{
      responseType: 'text' as 'json',
      headers: header
    });
  }

网页控制台：

TokenString是：承载eyJhbGciOiJIUzI1NiJ9.eyJzdWliOiJqYXzhdGVjaGllliwiZXhwIjoxNjIzMTMyNzc5LCJpYXqiOjE2MjMwOTY3Nzl9. h6aw8VBFHXWJQ5R2jRyn0MUqbe4rT3RvUCsELfcKHSU

CORS策略阻止从http://localhost:8191/api/http://localhost:4200访问XMLHttpRequest：对预飞行请求的响应不通过权限改造检查：它没有HTTP ok状态。

报头： HttpHeaders{规范化名称： Map（0）， lazyUpdate： null，报头： Map（0）}消息："http://localhost:8191/api/的Http失败响应： 0未知错误"名称："HttpError响应"ok： false状态： 0 statusText："未知错误"url："http://localhost:8191/api/"

控制器邮递员请求正在工作，请在此处输入图像描述

Answer 1

要解决CORS问题，有两种方法1。在服务器或2上启用CORS。通过创建名为Proxy的文件来代理您的请求。conf.json如下所示：

{
"/api": {
  "target": "http://localhost:8191/",
  "changeOrigin": true
}

}

像这样打电话this.httpClient.get（'/api/'，...）