Laravel中如何录入会话验证码？注册跳转验码页遇404问题

咱们一步步拆解你的问题，先搞定404错误，再完善验证码验证的完整逻辑：

1. 先解决404错误 #

从你的代码来看，404主要有两个可能的原因：

• 视图路径大小写问题：你的HomeController里返回view('Home.send')，Laravel对视图文件夹的大小写是敏感的。如果你的实际视图文件夹是小写的home而不是Home，就会触发404错误。
• 会话未存储手机号：你通过URL参数把手机号传到/code路由，但code方法没有把手机号存入会话，后续send方法里用$request->session()->get('mobile')根本拿不到值，这不仅会破坏验证逻辑，也可能引发路由层面的异常。

修改HomeController的code方法，处理手机号参数并存入会话：

public function code(Request $request) {
    // 从URL获取手机号并存入会话
    $mobile = $request->get('mobile');
    if ($mobile) {
        $request->session()->put('mobile', $mobile);
    }
    // 调整视图路径匹配实际文件夹结构（比如改成小写的'home'）
    return view('home.send');
}

另外，如果你用的是Laravel 8及以上版本，路由定义要改成控制器类语法，避免路由解析错误：

use App\Http\Controllers\HomeController;

Route::get('/code', [HomeController::class, 'code'])->name('code');
Route::post('/send', [HomeController::class, 'send'])->name('send');

2. 完善验证码存储与验证逻辑 #

现在你的代码有个核心漏洞：注册时生成了验证码，但根本没把它存入用户记录，导致send方法里的whereCode查询永远找不到用户。咱们一步步补上：

步骤1：给users表添加验证码字段 #

先创建迁移文件添加code字段（可选加上过期时间字段，提升安全性）：

php artisan make:migration add_code_fields_to_users_table --table=users

编辑迁移文件：

public function up()
{
    Schema::table('users', function (Blueprint $table) {
        $table->string('code', 5)->nullable(); // 存储5位验证码
        $table->timestamp('code_expires_at')->nullable(); // 可选：记录验证码过期时间
    });
}

public function down()
{
    Schema::table('users', function (Blueprint $table) {
        $table->dropColumn(['code', 'code_expires_at']);
    });
}

执行迁移：

php artisan migrate

步骤2：修改RegisterController存储验证码 #

更新register方法，把生成的验证码（和过期时间）存入用户记录：

public function register(Request $request, User $user) {
    $code = rand(10000, 99999);
    // 设置验证码过期时间（比如15分钟后）
    $expiresAt = now()->addMinutes(15);

    $user = \App\User::create([
        'first_name' => $request->first_name,
        'mobile' => $request->mobile, // 务必确保手机号存入数据库
        'code' => $code,
        'code_expires_at' => $expiresAt, // 可选字段
        // 其他用户字段...
    ]);

    // 这里添加短信发送逻辑，调用第三方短信API（比如阿里云、腾讯云短信）
    // 示例伪代码：
    // SMS::send($request->mobile, "你的验证码是：{$code}，15分钟内有效");

    return redirect()->route('code', ['mobile' => $request->mobile]);
}

步骤3：修复HomeController的send验证方法 #

更新验证逻辑，正确匹配手机号、验证码，还可以加上过期检查：

public function send(Request $request) {
    // 先验证输入的验证码格式
    $request->validate([
        'code' => 'required|digits:5',
    ]);

    $mobile = $request->session()->get('mobile');
    if (!$mobile) {
        alert()->error('未找到手机号，请重新注册');
        return redirect()->route('register');
    }

    // 根据手机号、验证码查询用户，可选检查验证码是否过期
    $user = User::where('mobile', $mobile)
        ->where('code', $request->code)
        ->where('code_expires_at', '>=', now()) // 可选：验证验证码是否在有效期内
        ->first();

    if ($user) {
        $user->verification_code = 1;
        $user->code = null; // 清空验证码，防止重复使用
        $user->code_expires_at = null; // 清空过期时间
        $user->save();

        alert()->success('验证成功！');
        return redirect()->route('home'); // 验证成功后跳转到首页，不要回退到验证码页
    } else {
        alert()->error('验证码无效或已过期');
        return redirect()->back()->withInput(); // 保留用户输入的验证码，方便重新填写
    }
}

3. 优化验证码页面（send.blade.php） #

添加禁用的手机号输入框让用户确认验证的号码，同时显示验证错误信息：

<form action="{{ route('send') }}" method="post">
    {{ csrf_field() }}
    <div class="form-group">
        <label for="mobile">手机号</label>
        <input type="text" class="form-control" name="mobile" id="mobile" value="{{ session('mobile') }}" disabled>
    </div>
    <div class="form-group">
        <label for="code">验证码</label>
        <input type="text" class="form-control" name="code" id="code" value="{{ old('code') }}" placeholder="请输入5位验证码">
        @error('code')
            <small class="text-danger">{{ $message }}</small>
        @enderror
    </div>
    <div class="form-group">
        <button type="submit" class="btn btn-danger" id="btn-ok">验证</button>
    </div>
</form>

最后几个小提醒 #

• 短信集成：需要对接第三方短信服务（如阿里云短信、腾讯云短信）来实现验证码发送，具体参考服务商的官方文档。
• 验证码防复用：验证成功后清空验证码，避免用户重复使用同一验证码。
• 过期机制：添加验证码过期时间可以提升账号安全性，防止验证码长时间有效被滥用。

内容的提问来源于stack exchange，提问作者user9975473