В VueJS как получить доступ к объекту, возвращенному внешним API

Question

Я добавил виджет hcaptcha в свой компонент входа в систему, используя этот пакет: https://github.com/hCaptcha/vue-hcaptcha. Задача работает, как и ожидалось, на переднем конце.

Объект ответа, отображаемый на вкладке сети, содержит токен и выглядит следующим образом:

expiration: 120
generated_pass_UUID: "P0_eyJ0eXAiOiJKV1QiLCJhbG...O9U"
pass: true

Мой вопрос заключается в том, как передать этот токен с помощью электронной почты и пароля при отправке имени для входа. form.

Обычно я использую ax ios для явного вызова API, и я могу определить переменную, например: let response = axios.get('/whater_api'), а затем использовать response.data для доступа ко всему, что возвращается. Но я не вижу, как это сделать здесь.

Answer 1

Вы пробовали событие @verify="onVerify"? кажется, что результат генерируется для этого события, попробуйте добавить методы onVerify в ваш экземпляр vue, как показано ниже:

methods: {
  onVerify: function(e) {
    console.log(e);
  } 
}

, если он возвращает ответ, вы можете создать объект для токена , ваш адрес электронной почты и пароль, а все остальное как обычно.