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

score 3 · Accepted Answer · answered May 16 '17 at 13:17

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 '17 at 13:17

Nicklas Kevin Frank

6,079
4
38
63

Thanks, it works, but when I inspect the application in chrome, I'm unable to view in my application local storage, is it hidden? – Nitish Kumar May 16 '17 at 13:25
http://stackoverflow.com/questions/9404813/how-to-view-or-edit-localstorage – Nicklas Kevin Frank May 16 '17 at 13:29
Yes the same place, i'm unable to view any values – Nitish Kumar May 16 '17 at 13:54
Sorry, if the linked post didn't help then I can't assist you any further. – Nicklas Kevin Frank May 16 '17 at 13:55

How to add values in localstorage in vue

1 Answers1