在 VueJS 中，如何访问外部返回的对象 api

Question

我已经使用这个包将 hcaptcha 小部件添加到我的登录组件：https://github.com/hCaptcha/vue-hcaptcha。挑战在前端按预期进行。

在网络选项卡中查看的响应对象包含一个令牌，如下所示：

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

我的问题是当我提交登录表单时如何通过我的电子邮件和密码传递该令牌。

通常，我使用 axios 进行显式 api 调用，我可以定义一个变量，例如： let response = axios.get('/whater_api') 然后使用 response.data 访问任何返回的内容。但我在这里看不到如何做到这一点。

Answer 1

你参加过@verify="onVerify"活动吗？结果似乎是在该事件上发出的，请尝试在您的 vue 实例上添加方法 onVerify，如下所示：

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

如果它确实 return 响应，您可以为令牌、您的电子邮件和密码创建一个对象，其余的就像往常一样。

In VueJS, how to access object returned by external api