IONIC 无法设置令牌

Question

我正在尝试发送发布请求，因此我正在检索我存储的令牌，但我无法在我的请求函数中使用它，它返回 [object object]

代码

token: any; //to be used in post request

  constructor(
    private http: HttpClient,
    private env: EnvService,
    private storage: NativeStorage,
  ) {
    this.storage.getItem('token').then((token) => {
      this.token = token; //set token value
      console.log('token', token); // will get the token in console
    }); 
  }

  store(
    name: String,
    description: String,
    phone: String,
    province_id: String,
    kota_id: String,
    address: String,
    logo: String,
    banner: String,
  ) {
    const headers = new HttpHeaders({
      'Accept': 'application/json, text/plain',
      'Content-Type': 'application/json',
      'Authorization': 'Bearer' + " " + this.token //return [object object]
    });
    console.log('header', headers);

    return this.http.post(this.env.STORES_URL,
      { name: name, description: description, phone: phone, province_id: province_id, kota_id: kota_id, address: address, logo: logo, banner: banner }, { headers: headers }
    )
  }

PS：我已经评论了每个部分，以便您更好地理解 问题出在哪里。

有什么想法吗？

更新

我一直在玩这个代码，如果我使用

'Authorization': 'Bearer' + " " + JSON.stringify(this.token)

我会得到类似的东西：

Authorization: Bearer {"success":{"token":"eyJ0eXAiOiJK....

还需要往前一步进入令牌数组{"success":{"token":"

现在有什么想法吗？**

更新 2

关于这里的评论请求是我的令牌如何存储在存储中（当用户登录时）

login(email: String, password: String) {
    return this.http.post(this.env.BASE_URL + '/login',
      { email: email, password: password }
    ).pipe(
      tap(token => {
        console.log(token);
        this.storage.setItem('token', token)
          .then(
            () => {
              console.log('Token Stored');
            },
            error => console.error('Error storing item', error)
          );
        this.token = token;
        this.isLoggedIn = true;
        return token;
      }),
    );
  }

Answer 1

已解决

基于我的问题中的更新 1，现在我可以像这段代码一样获取我的令牌，我的问题就解决了。

'Authorization': 'Bearer' + " " + this.token.success.token

不需要JSON.stringify() 或JSON.parse()

感谢所有帮助。

Answer 2

本地存储仅支持string数据类型。

所以在本地存储中存储令牌时，使用JSON.stringify()将对象转换为字符串：

this.storage.setItem('token', JSON.stringify(token));

当从本地存储读取令牌时，使用JSON.parse()从字符串转换回来：

this.storage.getItem('token').then((token) => {
      this.token = JSON.parse(token); //set token value
      console.log('token', token); // will get the token in console
}); 

Answer 3

我有一个类似的问题，是因为异步问题。

我是这样解决的：

获取令牌的函数（在名为global的类中：

getToken() {
    return this.storage.get(this.token_key);
  }

然后是创建标题的函数：

async getHeaders() {
    const httpOptions = {
      headers: new HttpHeaders({
        'Content-Type': 'application/json',
        'Authorization': 'Bearer ' + await this.global.getToken()
      })
    };
    return httpOptions;
  }

当我调用 post 时：

async post(route, postdata){
    this.http.post(route, postData, await this.getHeaders());
}

希望对你有帮助！