如何在vue中的localstorage中添加值

时间:2017-05-16 13:05:54

标签: javascript laravel vue.js vuejs2

我正在尝试使用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 个答案:

答案 0 :(得分:3)

请记住解析该值,因为您使用了JSON.strigify,以下内容应该有效:

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

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