How to add values in localstorage in vue

Question

I'm trying to have a laravel passport authentication, generating access tokens and storing them to localStorage, I'm able to get the access token but while placing it into localStorage I'm unable to fetch the value, while doing so I'm implementing something like this:

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'))
    }
})

As I said I'm implementing in predefined laravel so the resources I'm using is defaults. Do I need to add anything more? like vue-resource

Nicklas Kevin Frank · Accepted Answer · 2017-05-16 13:17:00Z

3

Remember to parse the value, since you used JSON.strigify, the following should work:

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

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

answered May 16, 2017 at 13:17

Nicklas Kevin Frank

6,3574 gold badges41 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Nitish Kumar Over a year ago

Thanks, it works, but when I inspect the application in chrome, I'm unable to view in my application local storage, is it hidden?

Nicklas Kevin Frank Over a year ago

stackoverflow.com/questions/9404813/…

Nitish Kumar Over a year ago

Yes the same place, i'm unable to view any values

Nicklas Kevin Frank Over a year ago

Sorry, if the linked post didn't help then I can't assist you any further.

Collectives™ on Stack Overflow

How to add values in localstorage in vue

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related