node.js - Angular 5 中的数据未存储在 localStorage 中

Question

各位网友大家好，

我正在尝试制作一个以 Mongoose 作为后端的 Angular 5 应用程序。现在我想将数据(身份验证 token )存储在 localStorage 中，以便用户在关闭页面后保留其身份验证 token 。该 token 用于访问我们的 Mongoose 端点。

当我们尝试在登录后访问 token 时(您在登录后获取 token )，它确实会检索它(我们在控制台日志中看到了这一点)，但是当我们尝试将其设置为 future 请求的 header 时，它会给我们一个 403 禁止错误。

这是错误:

这是我们用来初始化 header 和带有 token 的 localStorage 的代码:

private token = localStorage.getItem('token');
private headers = new Headers({'token': this.token});
public headerDict = new Headers({
    'token': this.token
  });

  public requestOptions = {
    headers: new Headers(this.headerDict),
  };

这是我们尝试与给定 header 一起使用的方法:

getUser() {
    console.dir(this.headers);
    console.log('tokenAndereManier: ' + localStorage.token);

    return this.http.get(this.serverUrl + (localStorage.userid || '5a3fd41e3ef7ccda81e7dda4'), { headers: this.headerDict})
      .toPromise()
      .then(response => {
        return response.json() as User;
      })
      .catch(error => {
        return this.handleError(error);
      });
  }

编辑:After changing headerdict

Answer 1

您在 console.log 中调用 localStorage.token，但在您的状态下，您正在尝试使用 this.token。由于this属性只是对其他地方的引用，我建议使用localStorage前缀。