Laravel 10登录认证报错求助：POST方法不支持/login路由

问题场景 #

在Laravel 10中实现登录认证时，提交表单后出现错误：

The POST method is not supported for route login. Supported methods: GET, HEAD.

相关代码如下：

HTML表单代码 #

<form action="{{url('/')}}/login" method="post">
     @csrf
    <div class="fields">
        <div class="input-field">
            <label for="un" >UserName</label>
            <div class="inpt">
                <input type="text" id="un" placeholder="Enter UserName" required></div>
            </dev>
        </div>
        <div class="input-field">
         <label for="pw">Password</label>
            <div class="inpt">
                <input type="password" id="pw" placeholder="Enter Your password" required>
            </div>
        </div>
        <div>
            <input type="checkbox" id="rm" >
            <label for="rm">Remember Me</label>
        </div>
        <div class="input-field-1">
            <button type="submit">Login</button>
        </div>
    </div>
</form>

控制器代码 #

public function login():View
{
    return view('login');
}

public function authenticate(Request $request)
{
    $credentials = $request->validate([
        'email' => 'required|email',
        'password' => 'required'
    ]);

    if(Auth::attempt($credentials))
    {
        $request->session()->regenerate();
        return redirect()->route('index')
            ->withSuccess('You have successfully logged in!');
    }

    return back()->withErrors([
        'email' => 'Your provided credentials do not match our records.',
    ])->onlyInput('email');

}

路由配置(web.php) #

Route::get('/login',[Registrationcontroller::class,'login'])->name('login');
Route::post('/authenticate', [Registrationcontroller::class, 'authenticate'])->name('authenticate');

错误原因分析 #

1. 表单提交地址错误：表单的action指向了/login，但该路由仅支持GET/HEAD方法（用于显示登录页面），处理认证的POST路由是/authenticate。
2. 表单字段缺少name属性：输入框仅设置了id，没有name属性，导致控制器无法获取提交的用户名和密码。
3. 认证字段不匹配：控制器验证的是email字段，但表单中是用户名输入，两者不对应。

修复步骤 #

1. 修正表单提交地址 #

将表单的action改为指向认证路由，推荐使用Laravel的route辅助函数避免硬编码路径：

<form action="{{ route('authenticate') }}" method="post">

2. 为输入字段添加name属性 #

根据实际登录方式调整：

• 若用邮箱登录：给用户名输入框添加name="email"
• 若用用户名登录：给用户名输入框添加name="username"
  同时给密码框添加name="password"：

<!-- 邮箱登录场景 -->
<input type="text" id="un" name="email" placeholder="Enter Email" required>

<!-- 用户名登录场景 -->
<input type="text" id="un" name="username" placeholder="Enter UserName" required>

<!-- 密码框通用 -->
<input type="password" id="pw" name="password" placeholder="Enter Your password" required>

3. 调整控制器认证逻辑（用户名登录场景） #

如果使用用户名而非邮箱登录，修改控制器的验证规则和认证参数：

public function authenticate(Request $request)
{
    $credentials = $request->validate([
        'username' => 'required',
        'password' => 'required'
    ]);

    if(Auth::attempt($credentials))
    {
        $request->session()->regenerate();
        return redirect()->route('index')
            ->withSuccess('登录成功！');
    }

    return back()->withErrors([
        'username' => '您提供的凭证与记录不符。',
    ])->onlyInput('username');

}

同时确保User模型支持用户名认证，可在模型中添加：

public function getAuthIdentifierName()
{
    return 'username';
}

或修改config/auth.php中providers.users.username为username。

4. 修正HTML语法错误 #

原表单中</dev>标签应为</div>，修正后避免页面渲染异常。

最终验证 #

完成上述修改后，重新提交登录表单，即可正常触发认证逻辑，不会再出现POST方法不支持的错误。

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