vessels
@vessels
Ни черта не понял, но очень интересно!

Как организовать страницу пользователя?

Добрый вечер!
Я написал авторизацию на своём сайте, само-собой - token авторизацию(с помощью Vuex), теперь я задумался о странице пользователя, как организовать эту страницу, нужен ли Vuex?
Я так понимаю нужно отправлять валидный токен из фронта на бекэнд и если этот токен валидный то отправлять все нужные данные о пользователе, но возможно этот подход является не правильным.
Посоветуйте разные способы получения данных о пользователе, заранее спасибо!
  • Вопрос задан
  • 81 просмотр
Решения вопроса 1
IgorPI
@IgorPI
Проведите аналогию например с vk.com.
Во Вконтакте есть API.

Что бы получить данные своего профиля, мы передаём токен.

Например:
У вас есть метод https://api.site.com/account.getProfileInfo?token=...
Выполнив get запрос, вы получите нечто похожее.
{
"response": {
"first_name": "Кристина",
"last_name": "Шипилова",
"bdate": "20.3.1991",
"bdate_visibility": 2,
"city": {
"id": 21940,
"title": "Верхний Мамон"
},
"country": {
"id": 1,
"title": "Россия"
},
"home_town": "Воронеж В- Мамон",
"maiden_name": "",
"phone": "+7 *** *** ** 79",
"relation": 1,
"sex": 1,
"status": "ОБОЖАЮ СИРЕНЬ😎"
}
}


Далее, рассовываете в нужные теги.

Опять же, если речь идёт о конкретных действиях.
Пример из моего проекта, только тяну не профиль, а категории.
async asyncData({$axios}) {
      let category_items = []
      let promise_category = $axios.$get(`${process.env.api}/categories.get`,
          {
            params: {
              lvl: 0,
              count: 25,
              offset: 0
            }
          })
          .then(({code, count, items}) => {
            if (code === 0) {
              items.forEach((e) => {
                category_items.push({
                  id: e.id,
                  name: e.name,
                  children: [],
                  deleted_loading: false,
                  lvl: e.lvl,
                  selected: false,
                })
              })
            }
          })

      await Promise.all([promise_category])
      return {
        category_items
      }
    },


Нужен ли Vuex?
Вам решать.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы