在http请求之前未设置ionic 2标头

Question

我对我的后台有如下要求：

loggedIn() {
    let headers = new Headers();
    headers.append('Content-Type', 'application/json');
    this.getToken().then((val) => {
        headers.append('X-Auth-Token', val);
    });
    const options = new RequestOptions({headers: headers});
    let seq = this.api.post('/login', null, options).share();
    seq.map((res: Response) => res.json())
        .subscribe(res => {

        }, err => {
            console.log("HEADERS ------- ", options.headers);
        });
    return seq;
};

有时未设置“X-Auth-Token”。如何确保设置了标头？

getToken()看起来像这样：

getToken() {
    return this.storage.get('token').then((value) => {
        return value;
    });
}

调用loggedIn()的方法如下所示：

checkIfLoggedIn() {
    this.user.loggedIn()
        .subscribe((res) => {
            console.log("LoginPage RETURN VALUE --------------- ", res);
        }, (err) => {
            console.log("LoginPage RETURN ERROR --------------- ", err);
        });
}

Answer 1

更新您的代码以确保api post after header包含数据

loggedIn() {
    let headers = new Headers();
    headers.append('Content-Type', 'application/json');
    this.getToken().then((val) => {
        headers.append('X-Auth-Token', val);
         const options = new RequestOptions({headers: headers});
         let seq = this.api.post('/login', null, options).share();
         seq.map((res: Response) => res.json())
            .subscribe(res => {

            }, err => {
                console.log("HEADERS ------- ", options.headers);
            });
        return seq;
    });

};

Answer 2

我有同样的问题，但我正在使用ionic 3。这实际上是由于js代码的异步方式而发生的。我从其他堆栈溢出问题中找到了答案，这将帮助你解决这个问题。

https://stackoverflow.com/a/45298747/2036977