无法让 Captcha Widget 在 Electron HTML 页面上工作

Question

我目前正在尝试让验证码显示在电子应用程序提供的简单 html 页面上。我为此使用 hCaptcha 并按照简单的教程来实现小部件。 (https://docs.hcaptcha.com/)。

但是，当我打开网页时，出现 CORS 错误： “从源 'https://assets.hcaptcha.com' 访问 'https://hcaptcha.com/checksiteconfig?host=&sitekey=**********&sc=1&swa=1' 的 XMLHttpRequest 已被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头。

我是一切与网络相关的初学者，我知道这与跨域资源安全有关，但我不明白手头的问题是什么。

我添加了相关脚本

<script src="https://hcaptcha.com/1/api.js" async defer></script>

在标题和我正文中的 div 中

<div class="h-captcha" data-sitekey="*********"></div>

Answer 1

因此，对于任何想知道问题所在的人来说，hCaptcha 不允许来自使用 File:// 协议以及 localhost url 或 localhost ip 的 url 的请求。为了能够获得验证码来显示页面，必须托管在不同的 url 上。这可以在本地通过在计算机主机文件中编辑 127.0.0.1 来实现，或者当页面在适当的服务器上运行时实现。