javascript - 如何在Vue中的本地存储中添加值

我试图拥有一个laravel passport authentication，generating access tokens并将它们存储到localStorage，我能够获取访问 token ，但是当将其放入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

最佳答案

记住要解析该值，因为您使用了JSON.strigify，所以以下方法应该起作用:

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

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