Передать данные от ребенка к ребенку в Vue - PullRequest
0 голосов
/ 25 апреля 2019

Итак ... в моем приложении, в главе Authentication, у меня есть несколько вопросов.

Прежде всего, у меня есть несколько компонентов / маршрутов, два из которых register и login.

Register работает нормально, используя мой API, в ответ я получаю username и account_id, оба хранятся в базе данных.

При попытке log in в ответ я получаю username и token .. Теперь, когда я получаю доступ к другим маршрутам на моем веб-сайте, которые могут быть приняты, только если вы вошли в систему, мне нужно определить, токен присутствует. Как я могу создать как глобальную переменную, которая имеет значение token и легко может быть принята другими компонентами?

1 Ответ

1 голос
/ 25 апреля 2019

Сохраните свой токен в cookie / localalstorage, и если вы используете vuex, вы можете сохранить его и в состоянии.

Если вы используете Axios или любой другой инструмент для запросов ajax, вы можете передать свой токен в заголовках и просто получить его из cookie / localalstorage.

state: {
   token: Cookie.getJSON('token') || null,
},
mutations: {
  setToken: (state, data) => {
    state.token = data
    Cookie.set('token', data)
  }
},
actions: {
  setToken (context, data) {
    context.commit('setToken', data.token)
  }
}

Проверьте это - https://www.npmjs.com/package/js-cookie

...