0

我正在尝试通过将令牌附加到 Http 标头来对 Django Rest API 进行身份验证。我已经将服务器配置为允许跨域资源共享，并且之前能够使用旧版本的 HTTP 进行身份验证。在我升级到最新的 Ionic CLI (Ionic 3) 并开始使用 HttpClient 模块后，问题就开始了。

这是我的一段代码：

// get token data from storage
this.storage.get('auth').then((val) => {
this.headers = new Headers();
this.headers.append('Content-Type','application/x-www-form-urlencoded');
this.headers.append('Authorization', val);
console.log(this.headers.get('Authorization')) //displays: Token randomKey1244556etc 


//request
 this.http.get<any>("http://192.168.22.5/api-get-user", {headers: this.headers})
        .subscribe(data => {
            console.log(data);
        }, (err) => {
          console.log(err);
        });
    }, (err) => {
      this.flag = false;
    })

API 返回以下错误：{"detail":"Authentication credentials were not provided."}

以下是发送的网络请求和服务器响应的详细信息：

在此处输入图像描述

但是，当使用 PostMan 使用附加到 HttpClient 标头的相同凭据时，身份验证成功。

在此处输入图像描述

似乎标头未随请求一起发送，或者授权未附加到标头。知道如何解决问题吗？

注意：我也在使用 CORS Google Chrome 扩展。

4

1 回答 1

0

正如预期的那样，标题有问题。我通过替换旧标头来自定义请求标头解决了这个问题：

this.headers = new Headers();
this.headers.append('Content-Type','application/x-www-form-urlencoded');
this.headers.append('Authorization', val);

至：

const headers = new HttpHeaders().set('Authorization', val);

参考：自定义 Http 请求标头

于 2018-02-25T15:39:51.017 回答