访问 localstorage 中的 `access_token` 属性答案

【问题标题】：Access the `access_token` property in localstorage访问 localstorage 中的 `access_token` 属性
【发布时间】：2019-12-06 14:40:43
【问题描述】：

我已将令牌保存在 localstorage 中：localStorage.setItem ('token', JSON.stringify (res.data))。我正在尝试访问 access_token 属性。

JSON.parse(localStorage.getItem(token['access_token']))

出现错误：token is undefined;

 getToken = () => {  
    const config = {
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
      }
    }

    const url = '/oauth2/token';

    axios({ 
      method: 'post', 
      url, 
      data, 
      config
    }) 
      .then(res => { 
        if (res.status === 200) {
          localStorage.setItem('token', JSON.stringify(res.data))
          this.setState({
            token: res.data
          })

        } else {
          const error = new Error(res.error);
          throw error;
        }
      }).catch(err => { 
        console.error(err);
        alert('error'); 
      });
  }

【问题讨论】：

试试这个：让 tokenObj = JSON.parse(localStorage.getItem('token'));让 token = tokenObj['access_token'];
您能否也分享一下您尝试获取访问令牌的方式和时间。

标签： javascript node.js reactjs ecmascript-6

【解决方案1】：

您的语法需要更正如下

JSON.parse(localStorage.getItem('token'))['access_token']

【讨论】：

我正在尝试不使用 JSON.parse、localStorage.getItem('token')['token_type']，但我有未定义
您必须使用 JSON.parse，因为“res.data”在保存到本地存储之前已被字符串化
谢谢.. 对我有用的是 JSON.parse(localStorage.getItem('token'))['access'].. 我正在使用 django simplejwt

【解决方案2】：

你可以使用

var tokenData = JSON.parse(localStorage.getItem('token'));
console.log(tokenData.access_token);

示例如何在 localStorage 中存储对象

var myObj = {
    one: {
        title: 'first',
        id: 1,
        customKey : {
            first: "first",
            second: "second"
        }
    },
    two: {
        title: 'second',
        id: 2
    },
    three: {
        title: 'this is the third',
        id: 3
    }
};

localStorage.setItem('storeObj', JSON.stringify(myObj));

var getObject = JSON.parse(localStorage.getItem('storeObj'));

【讨论】：