vue中如何在localstorage中添加值

Posted

技术标签:

【中文标题】vue中如何在localstorage中添加值【英文标题】:How to add values in localstorage in vue 【发布时间】:2017-10-15 14:06:12 【问题描述】:

我正在尝试拥有 laravel passport authenticationgenerating access tokens 并将它们存储到 localStorage,我能够获取访问令牌,但是在将其放入 localStorage 时我无法获取值,而这样做我正在实施这样的事情:

axios.post('/oauth/token', postData).then(response => 
    if(response.status === 200)
    
        authUser.access_token = response.data.access_token;
        authUser.refresh_token = response.data.refresh_token;
        console.log(authUser);
        window.localStorage.setItem('authUser', JSON.stringify(authUser))
        console.log(window.localStorage.getItem('authUser'))
    
)

正如我所说,我在预定义的 laravel 中实现,所以我使用的资源是默认的。我还需要添加什么吗?喜欢vue-resource

【问题讨论】:

【参考方案1】:

记得解析值,因为你使用了JSON.strigify,下面应该可以工作:

// Saving
localStorage.setItem('authUser', JSON.stringify(authUser));

// Fetching
JSON.parse(localStorage.getItem('authUser'))

【讨论】:

谢谢,它可以工作,但是当我在 chrome 中检查应用程序时,我无法在我的应用程序本地存储中查看,它是隐藏的吗? ***.com/questions/9404813/… 是的同一个地方,我无法查看任何值 对不起,如果链接的帖子没有帮助,那么我无法为您提供更多帮助。

以上是关于vue中如何在localstorage中添加值的主要内容,如果未能解决你的问题,请参考以下文章

vue中操作localstorage

Phonegap iOS 5.1 和 localStorage

如何使用 localStorage 修复 Vuex 中的 JSON 解析错误

如何在 Nativescript Vue WebView 中启用 LocalStorage?

如何更改 localStorage 项目中的单个值?

如何重新运行 Vue.js ApolloClient 中间件?