时间戳

首页 > 解决方案 > 如何将 reCAPTCHA 应用于 Vue 页面？

javascript - 如何将 reCAPTCHA 应用于 Vue 页面？

问题描述

我正在尝试按照此页面将 reCAPTCHA 应用于 Java 应用程序。但是，我无法将前端部分（html 页面）集成到 Vue 部分。我对 Vue 没有经验，据我所知，不可能使用 Postman 等在后端测试 reCAPTCHA。

html:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" />
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
</head>

<body>
  <form th:action="@{/user/save}" method="POST" th:object="${user}">
    
    <div class="row">
      <div class="col-2"> Validate reCAPTCHA</div>
      <div class="col-4">
        <div class="g-recaptcha" data-sitekey="......"></div>
      </div>
    </div>
    
    <br/> 
    <input type="submit" value="Register" class="btn btn-success"/>
     <a th:href="@{/user/all}" class="btn btn-info">View All Users</a>
  </form>
</body>

那么，我应该如何将相关的前端代码部分应用到 vue 页面呢？而且，集成 reCAPTCHA v2 和集成 v3 有什么区别吗？

标签： javascriptjavaspringvue.jsrecaptcha

解决方案

推荐阅读