hCaptcha 首次加载时抛出 403 forbidden 错误（响应："invalid data"）

Question

当 hCaptcha ist 首次加载到网站上时，它会抛出错误 403（禁止访问）。看起来不错，但是当按下验证码时，加载（橙色圆圈）无限期地继续。

GET     https://hcaptcha.com/checksiteconfig?v=c65510b&host=localhost&sitekey=33cb1fe1-c243-40c0-9488-5816b2418e6c&sc=1&swa=1

HTML 看起来像这样：

<ng-hcaptcha (verify)="onVerify($event)"></ng-hcaptcha>

hCaptcha 的导入如下所示：

import { NgHcaptchaModule } from 'ng-hcaptcha';

@NgModule({
declarations: [
    AppComponent,
],

imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    FormsModule,
    HttpClientModule,
    RouterModule,
    CommonModule,
    ReactiveFormsModule,
    NgHcaptchaModule.forRoot({
        siteKey: '33cb1fe1-c243-40c0-9488-5816b2418e6c',
        languageCode: 'en',
    }),
],
bootstrap: [AppComponent],)}

非常感谢任何帮助或指点。

Answer 1

问题似乎出在您 link 中提供的主机名 (host=localhost)。 hCaptcha API 禁止使用 localhost 和 127.0.0.1: https://docs.hcaptcha.com/#local-development.

尝试任何其他主机名，您应该会看到结果。

我在 php 中找到了一个解决方案示例：hCaptcha : CORS error even if I've added a local DN in my Ubuntu host file。

hCaptcha 还提供了一组用于测试的密钥：https://docs.hcaptcha.com/#integration-testing-test-keys （感谢）。

hCaptcha 首次加载时抛出 403 forbidden 错误（响应："invalid data"）

hCaptcha throws 403 forbidden Error when first loading (response: "invalid data")

html

compiler-errors

typescript

angular

hcaptcha