如何正确获取JSON Token值并存入localStorage？代码问题咨询

一、原loginUser方法的返回值是什么？ #

你原代码里的loginUser方法返回的是RxJS的Subscription对象，而非你期望的true值，原因如下：

• this.http.post()返回的是Observable对象，调用.subscribe()后，该方法会立刻返回一个Subscription实例（用于后续取消订阅操作），并不会等待异步请求完成后返回回调里的true。
• 你在subscribe回调中写的return true完全不会影响外层函数的返回值——异步回调的执行时机晚于外层函数的返回时机，所以外层函数直接把Subscription对象返回出去了，这也是你看到返回结果为Subscription相关内容的原因。

二、如何正确将Token存入localStorage？ #

从你提供的存储结果来看，之前的尝试都没拿到正确的Token值，我来帮你梳理修正思路：

1. 先明确后端返回的响应结构：在subscribe回调里加一行console.log(success)，打开浏览器控制台查看完整的响应对象，找到实际存放Token的字段（比如可能是success.access_token、success.data.token这类，具体取决于后端接口的设计）。
2. 原代码的问题分析：
   • 最初你写success.token，但从存储结果看，要么这个字段不存在，要么它的值并非你需要的Token；
   • 后来改成直接存success，相当于把整个响应对象转成JSON字符串存入了，这显然不是你想要的Token实际值。
3. 正确的写法示例：
   假设调试后发现实际Token在success.access_token字段里，代码应修改为：

localStorage.setItem('access_token', success.access_token);
// 如果需要备份完整响应数据，再单独存储：
localStorage.setItem('auth_response', JSON.stringify(success));

这样access_token字段里就会存储Token的实际字符串值，而非整个对象或错误字段。

另外补充一个优化建议：你当前的loginUser方法返回Subscription，若想让外部感知登录成功的状态，建议改成返回Observable，让外部自行订阅，更符合RxJS的使用习惯：

loginUser(user: any): Observable<boolean> { 
  return this.http.post(this.loginUrl, user).pipe(
    map((success: any) => {
      if (success) {
        localStorage.setItem('access_token', success.access_token);
        return true;
      }
      return false;
    })
  );
}

内容的提问来源于stack exchange，提问作者xasini