英文:
Laravel Fortify 2FA Recovery Code Login Not Working
问题
我在我的应用程序中使用二次验证（2FA）的QR码功能，但恢复码路由出了一些问题。我总是收到以下错误消息：
提供的二次验证代码无效。
我不知道是我的表单使用的路由有问题，还是其他什么原因。这是我的表单：
<div class="col-md-12 ps-md-0" x-data="{ showRecovery: false, showCode: true }" x-cloak>
<div class="auth-form-wrapper px-4 py-5">
<form class="reset-password-form" method="POST" action="{{ route('two-factor.login') }}">
@csrf
<div x-show="showCode">
<h5 class="text-muted fw-normal mb-4 mt-4">输入验证代码</h5>
<div class="mb-3">
<input type="password" class="form-control" id="password" placeholder="代码" name="code">
@error('code')
<span class="invalid-feedback" style="display: block;" role="alert"><strong>{{ $message }}</strong></span>
@enderror
</div>
<div class="d-flex justify-content-start">
<button class="btn btn-primary me-2 mb-2 mb-md-0" type="submit">提交</button>
</div>
<a role="button" x-on:click="showRecovery = true, showCode = false" class="d-block mt-3 text-muted">使用恢复码</a>
</div>
<div x-show="showRecovery">
@csrf
<h5 class="text-muted fw-normal mb-4 mt-4">输入恢复码</h5>
<div class="mb-3">
<input type="text" class="form-control" id="recovery_code" placeholder="恢复码" name="recovery_code">
@error('recovery-code')
<span class="invalid-feedback" style="display: block;" role="alert"><strong>{{ $message }}</strong></span>
@enderror
</div>
<div class="d-flex justify-content-start">
<button class="btn btn-primary me-2 mb-2 mb-md-0" type="submit">提交</button>
</div>
<a role="button" x-on:click="showRecovery = false, showCode = true" class="d-block mt-3 text-muted">使用验证代码</a>
</div>
</form>
</div>
</div>
当我运行 php artisan route:list 时，我看不到名为 two-factor.login 的路由，但使用验证代码时它能够正常工作。我假设使用恢复码时应该使用相同的路由。
我还尝试过将表单操作设置为 /two-factor-challenge，但结果相同。
英文:
I've got 2FA working in my app with the qr code, but the recovery code route isn't working for some reason. I always get the error:
The provided two factor authentication code was invalid.
I don't know if it's the route I'm using in my form, or what. Here's the form:
<div class="col-md-12 ps-md-0" x-data="{ showRecovery: false, showCode: true }" x-cloak>
<div class="auth-form-wrapper px-4 py-5">
<form class="reset-password-form" method="POST" action="{{ route('two-factor.login') }}">
@csrf
<div x-show="showCode">
<h5 class="text-muted fw-normal mb-4 mt-4">Enter Authentication Code</h5>
<div class="mb-3">
<input type="password" class="form-control" id="password" placeholder="Code" name="code">
@error('code')
<span class="invalid-feedback" style="display: block;" role="alert"><strong>{{ $message }} </strong></span>
@enderror
</div>
<div class="d-flex justify-content-start">
<button class="btn btn-primary me-2 mb-2 mb-md-0" type="submit">Submit</button>
</div>
<a role="button" x-on:click="showRecovery = true, showCode = false" class="d-block mt-3 text-muted">Use Recovery Code Instead</a>
</div>
<div x-show="showRecovery">
@csrf
<h5 class="text-muted fw-normal mb-4 mt-4">Enter Recovery Code</h5>
<div class="mb-3">
<input type="text" class="form-control" id="recovery_code " placeholder="Recovery Code" name="recovery_code ">
@error('recovery-code')
<span class="invalid-feedback" style="display: block;" role="alert"><strong>{{ $message }} </strong></span>
@enderror
</div>
<div class="d-flex justify-content-start">
<button class="btn btn-primary me-2 mb-2 mb-md-0" type="submit">Submit</button>
</div>
<a role="button" x-on:click="showRecovery = false, showCode = true" class="d-block mt-3 text-muted">Use Authentication Code Instead</a>
</div>
</form>
</div>
</div>
When I do php artisan route:list I don't see a route for two-factor.login, but it works with the authentication code. I'm assuming it should be the same route for using the recovery code as well.
I've also tried using /two-factor-challenge as the form action but I get the same result.
答案1
得分: 0
在恢复代码输入字段中，name属性中多了一个空格，可能会导致问题。请将此行更改为：
<input type="text" class="form-control" id="recovery_code" placeholder="Recovery Code" name="recovery_code">
英文:
@hyphen
In the recovery code input field, there's an extra space in the name attribute, which might cause issues. Change this line:
<input type="text" class="form-control" id="recovery_code " placeholder="Recovery Code" name="recovery_code ">
TO
<input type="text" class="form-control" id="recovery_code" placeholder="Recovery Code" name="recovery_code">
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论