授权标头不起作用Angular 5

Question

我正在使用基于JWT的API。 我正确传递Authorization标头（我的意思是在代码中）， 使用belongsTo(relatedEntity, foreignKey, ownerKey, relationModel) ，我正在使用正确的GET方法。

当我提供应用程序（使用离子3）时，我有错误405（方法不允许），但当我使用POSTMAN或将代码片段（从POSTMAN生成）粘贴到控制台时，同样的请求也有效。 / p>

这里有两个工作请求的捕获（使用POSTMAN中的代码片段进入控制台）和无效工作请求（来自离子应用程序）。

顺便说一句，授权有些奇怪，我用红色突出显示。

Answer 1

在顶部屏幕上，您有请求方法OPTIONS而不是GET，来自服务器的响应是405方法不允许不是401 Unauthorized或403 Forbidden。 所以问题不是授权而是请求方法。 看起来像CORS问题。

Answer 2

如果不是cors问题，可以按照以下代码尝试

const httpOptions = {
        headers: new HttpHeaders()
          .set('Authorization',  'Bearer ' +this.auth_token)
      }


    return this.http.get('http://xxxxxx00x:8080/api/clients',httpOptions);