Question

当用户登录我的应用时，他们必须说出他们属于哪个俱乐部。一旦他们选择了俱乐部，我将其保存在存储中并将其附加到标题。这是我目前的代码：

let storage: Storage = new Storage();

export function getSubdomain(){
  return new Promise((resolve, reject) => {
    storage.get('club').then(club => {
      console.log(club);

      resolve(club)
    })
  });
}

export function getAuthHttp(http: Http, options: RequestOptions) {
  return new AuthHttp(new AuthConfig({
    noJwtError: true,
    globalHeaders: [{'Content-Type': 'application/json'}, {'x-academy': getSubdomain()}],
    tokenGetter: (() => storage.get('id_token'))
 }), http, options);
}

问题是getSubdomain()函数在调用标头之前不返回名称。我知道问题是异步的。如果我把返回“clubname”，它完全正常。我该如何解决这个问题？

Answer 1

首先，getSubDomain()可以简化，因为您可以直接返回storage.get('club')结果。

正如您所提到的，您的问题是异步的，您可以通过在创建另一个之前等待承诺结束来解决它，如下所示：

export function getAuthHttp(http: Http, options: RequestOptions) {
  return getSubDomain().then(subDomain => 
        new AuthHttp(new AuthConfig({
        noJwtError: true,
        globalHeaders: [{'Content-Type': 'application/json'}, {'x-academy': subDomain}],
        tokenGetter: (() => storage.get('id_token'))
     }), http, options));
}

Answer 2

我无法使用localstorage.getItem('club')解决问题所以我必须使用export function getAuthHttp(http: Http, options: RequestOptions) { return getSubDomain().then(subDomain => new AuthHttp(new AuthConfig({ noJwtError: true, globalHeaders: [{'Content-Type': 'application/json'}, {'x-academy': localstorage.getItem('club')}], tokenGetter: (() => storage.get('id_token')) }), http, options)); }，因为它的同步功能看起来像这样：

axis

使用angular2-jwt在Ionic 2中设置动态标题

2 个答案: