Angular2-jwt AuthHttp請求未調用

Question

我一直在關注this guide在Ionic 2應用程序中設置JWT身份驗證。事物的登錄方面工作得很好，但是當我嘗試使用AuthHttp類時，沒有發出請求，Chrome的network選項卡或服務器端沒有任何內容顯示。

我在app.ts文件中的以下內容：

import 'es6-shim'; 
import {App, IonicApp, Platform, MenuController} from 'ionic-angular'; 
import {HTTP_PROVIDERS, Http, Headers} from 'angular2/http'; 
import {provide} from 'angular2/core'; 
import {AuthHttp, AuthConfig} from 'angular2-jwt'; 
import {AuthData} from './providers/auth-data'; 
import {UserData} from './providers/user-data'; 


@App({ 
    templateUrl: 'build/app.html', 
    providers: [ 
     HTTP_PROVIDERS, 
     provide(AuthHttp, { 
      useFactory: (http) => { 
       return new AuthHttp(new AuthConfig(), http); 
      }, 
      deps: [Http] 
     }), 
     AuthData, 
     UserData 
    ], 
    config: { 
     apiURL: 'http://localhost:9000' 
    } // http://ionicframework.com/docs/v2/api/config/Config/ 
}) 

，然後在用戶data.ts我有這樣的：

import {Injectable} from 'angular2/core'; 
import {Http, Headers, RequestOptions} from 'angular2/http'; 
import {Config, Storage, LocalStorage, Events} from 'ionic-angular'; 
import {AuthHttp, JwtHelper, tokenNotExpired} from 'angular2-jwt'; 
import {Observable} from 'rxjs/Observable'; 
import 'rxjs/Rx'; 

/** 
* @name UserData 
* @description 
* Provider for any user related data. 
*/ 
@Injectable() 
export class UserData { 

    apiURL: string; 
    contentHeader: Headers = new Headers({'Content-Type': 'application/json'}); 
    error: string; 
    jwtHelper: JwtHelper = new JwtHelper(); 
    local: Storage = new Storage(LocalStorage); 
    storage: any; 
    user: any; 

    constructor(
    public authHttp: AuthHttp, 
    private config: Config, 
    private events: Events, 
    private http: Http 
) { 
    this.apiURL = config.get('apiURL'); 
    let token = this.local.get('id_token')._result; 
    if (token) { 
     this.user = this.jwtHelper.decodeToken(token); 
    } 
    } 

    getUser() { 
    return new Promise(resolve => { 

     this.authHttp.get(this.apiURL+'/api/users/me', { 
     headers: this.contentHeader 
     }) 
     .map(res => res.json()) 
     .subscribe(
     data => { 
      resolve('test'); 
     }, 
     err => { 
      console.log(err); 
     } 
    ); 

    }); 
    } 

} 

有人能告訴我在哪裏，我要去錯了，如果我錯過了什麼？我經歷了很多次angular2-jwt文檔，對我來說一切都很順利。

感謝您的任何幫助。

編輯：

如果我做console.log(this.authHttp)的getUser()函數內部，它會記錄以下內容：

AuthHttp {http: Http, _config: Object, tokenStream: Observable} 

Answer 1

不是完美的解決方案，但我注意到，在this similar guide從離子他們指定angular2，智威湯遜版本0.1.6。降級到這個版本，它工作正常！

Answer 2

我認爲，你忘了你的應用程序的providers屬性來指定HTTP_PROVIDERS：

import {HTTP_PROVIDERS, Http} from 'angular2/http'; 
(...) 

@App({ 
    templateUrl: 'build/app.html', 
    providers: [ 
    HTTP_PROVIDERS, 
    provide(AuthHttp, { 
     useFactory: (http) => { 
      return new AuthHttp(new AuthConfig(), http); 
     }, 
     deps: [Http] 
    }), 
    AuthData, 
    UserData 
    ], 
    config: { 
    apiURL: 'http://localhost:9000' 
    } // http://ionicframework.com/docs/v2/api/config/Config/ 
}) 

編輯

你只需要導入Headers類：

import {HTTP_PROVIDERS, Http, Headers} from 'angular2/http'; 

Answer 3

對於angular2-jwt的最新更新應該可以在最新的Ionic 2版本中正常工作。你可以檢查這個回購，讓我知道它是否適合你？ :) https://github.com/auth0-samples/auth0-ionic2-samples

編輯︰鏈接更新