Laravel登录成功后“记住邮箱”复选框功能失效求助

以下是按环节拆解的排查步骤及对应代码修正建议：

1. 前端表单与Ajax提交验证 #

• 确保复选框的name属性正确定义，例如设置为remember_email：

  <input type="checkbox" name="remember_email" id="remember_email">
  <label for="remember_email">记住邮箱</label>
  

• 检查Ajax请求是否正确携带该复选框参数，避免序列化时遗漏。示例代码：

  // 手动拼接参数确保传递
  const loginData = {
    email: document.getElementById('email').value,
    password: document.getElementById('password').value,
    remember_email: document.getElementById('remember_email').checked
  };
  
  axios.post('/login', loginData)
    .then(res => { /* 登录成功处理 */ })
    .catch(err => { /* 错误处理 */ });
  

2. LoginController中处理记住邮箱逻辑 #

登录认证通过后，根据提交的remember_email参数设置/清除邮箱Cookie：

use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Cookie;
use Illuminate\Http\Request;

public function login(Request $request)
{
    $credentials = $request->only('email', 'password');

    if (Auth::attempt($credentials, $request->has('remember'))) {
        // 处理记住邮箱逻辑
        if ($request->remember_email) {
            // 设置有效期30天的Cookie
            Cookie::queue('remembered_email', $request->email, 30*24*60);
        } else {
            // 清除已存储的邮箱Cookie
            Cookie::queue(Cookie::forget('remembered_email'));
        }

        return response()->json(['status' => 'success']);
    }

    return response()->json(['status' => 'error', 'msg' => '登录失败'], 401);
}

3. 登录页加载时读取Cookie填充邮箱 #

页面初始化时，读取Cookie并自动填充邮箱输入框：

window.addEventListener('load', () => {
    // 获取指定Cookie值的工具函数
    function getCookie(name) {
        const value = `; ${document.cookie}`;
        const parts = value.split(`; ${name}=`);
        return parts.length === 2 ? parts.pop().split(';').shift() : null;
    }

    const savedEmail = getCookie('remembered_email');
    if (savedEmail) {
        document.getElementById('email').value = savedEmail;
        document.getElementById('remember_email').checked = true;
    }
});

4. 基础配置与浏览器检查 #

• 检查config/session.php中的same_site设置：若为跨域场景，需设置为'same_site' => 'none'，同时开启secure => true（仅HTTPS环境生效）。
• 确认用户浏览器未禁用Cookie，可通过开发者工具的Application标签查看目标Cookie是否成功存储。

内容的提问来源于stack exchange，提问作者Chae Seong Lim