如何使用 axios 将响应重新验证令牌发送到后端答案

【问题标题】：how to send response recaptcha token to backend using axios如何使用 axios 将响应重新验证令牌发送到后端
【发布时间】：2021-03-31 16:31:41
【问题描述】：

我在 vue2 上使用 vue-recaptcha v3，当我记录 recaptcha 请求的响应数据时，它是一个带有令牌的完整承诺，当我通过邮递员和谷歌验证 api 对其进行测试时，它会成功。但我不知道如何解析这个承诺并使用 axios 将令牌发送到节点后端，我的 axios 部分不起作用，我在后端获取空对象 {}。有人可以帮忙吗？

methods: {
loginFunction: function() {
  this.$recaptchaLoaded();
  const token = this.$recaptcha('login');
  console.log(token);

  axios.post('http://192.168.27.167:3000/recaptcha',
   {
   token: token,
     })  
   .then(response => {
       }).catch(error => {
       console.log(error)
        })

【问题讨论】：

标签： javascript vue.js axios recaptcha

【解决方案1】：

我的一个朋友通过将 Async Await 添加到代码中解决了这个问题，然后在控制台日志中我得到了纯令牌以用于验证。

 methods: {
   loginFunction: async function() {

  await this.$recaptchaLoaded();

  // Execute reCAPTCHA with action "login".
  const gresponse = await this.$recaptcha('login');
  console.log(gresponse)

【讨论】：