Почему LocalStorage is not defined?

Question

[Маленький Вася]

Использую фреймворк nuxt js, при использовании обьекта localstorage, выдает undefined... прочел почему так происходит, говорят что нужно поставить флаг proccess.client дабы.. она работает на клиенте но без исходно

getItem (KEY, defaultValue = null) {
    const value = JSON.parse(localStorage.getItem(KEY))
    if (!value) {
      return defaultValue
    }
    return value
  },

Comments

[Алексей Ярков]

И где тут проверка флага?

[Маленький Вася]

Алексей Ярков, ну я убрал ее, так как и сней не работает но выглядел вот так

getItem (KEY, defaultValue = null) {
    let value
    if (process.client) {
      value = JSON.parse(localStorage.getItem(KEY))
      return !value ? defaultValue : value
    }
    return null
  },

Answer 1

[karambafe]

process.client - это всего лишь проверка на тип рендеринга, а не гарантия клиентского :)

В вашем коде не понятно где именно вызывается метод getItem.
Исходя из этого могу сказать лишь одно - дергайте его в хуке mounted, в котором точно доступен объект window (localStorage является его свойством)

Comments

[Маленький Вася]

ну вызываю его конечно в связи с vuex store

[Маленький Вася]

const state = {
  token: LocalStorage.getItem(USER_KEY)
}

[karambafe]

Инициализация store в nuxt.js происходит на сервере, а localStorage - это чисто клиентская фишка.
Используйте cookie, а еще лучше посмотрите пример авторизации на офф сайте auth-external-jwt