ionic 3 标头未将 Authorizaqtion 'bearer "token"' 发送到服务器

Question

我正在做一个需要用户名和密码的登录屏幕。 如果登录成功，服务器将返回一个令牌。 然后我试图调用另一个函数来获取用户信息，但授权标头没有被传递。 我在邮递员上尝试了我的服务器方法，它工作正常，所以我相信问题出在标题中。有人可以告诉我应该怎么做吗？

let url = urlConst.Login;
let params1 = new HttpParams();

let loader = this.loadingcontroller.create({
  content: stringEngConst.signinngin
});

let attributes = {
  username: this.uname.value.toLowerCase(),
  password: this.password.value,
  grant_type: "password"
};

var headers = new HttpHeaders();
headers.append('Content-Type', 'application/x-www-form-urlencoded');
let body = 'username=' + this.uname.value.toLowerCase() + '&password=' + this.password.value + '&grant_type=password';
let data: Observable < any > = this.http.post(url, body, {
  headers: headers
});

loader.present().then(() => {

      data.subscribe(result => {
            if (result.access_token != null) {

              this.signintoken = result.access_token;
              this.storage.set(storageConst.SIGN_IN_TOKEN, result.token_type + " " + result.access_token);
              headers.append('Authorization', 'Bearer ' + this.signintoken);
              let url1 = 'http://localhost:57940/API/Account/GetUserInfo/';
              let info: Observable < any > = this.http.get(url1, {
                headers: headers
              });

              info.subscribe(result => {
                /*Do Something*/
              });
            }

请注意 result.access_token != null 为真。我成功地取回了令牌。但它不会再次传递给第二个 url (info)

Answer 1

您正在使用与第一个 http 请求相同的标头：

var headers = new HttpHeaders();
headers.append('Content-Type', 'application/x-www-form-urlencoded');

根据后续调用的终点，您可能需要以不同的方式设置标头：

尝试使用

创建新标题

var headers2 = new HttpHeaders();
headers.append('Content-Type', 'application/json');

或者完全摆脱 Content-Type 取决于您的端点所期望的。

此外，如果您使用的是 Ionic 3，则值得检查您使用的是哪个 Http 模块（HttpClient 或更旧的模块），因为它们在处理请求选项的方式上存在一些差异。

Answer 2

看起来这个 SO 帖子可能会为您解决问题：https://stackoverflow.com/a/47805759/6599076

您可能想使用：

headers = headers.append('Authorization', 'Bearer ' + this.signintoken);