javascript - laravel 模态提交表单出现错误 "TokenMismatchException in VerifyCsrfToken.php line 68:"

Question

我有一个模态登录表单。它位于 header.php 文件中(头文件位于views/include 中)，该文件已包含到welcome.blade.php 文件中。当我提交登录表单时，出现此错误“VerifyCsrfToken.php 第 68 行中的 TokenMismatchException:”

<a class="header-login-btn" href="#popup1">
Login&nbsp;&nbsp;<i class="fa fa-user" aria-hidden="true"></i>

                    <ul class="ds-btn">
                    <li class="box-popop1">
                        <a class="header-login-btn" href="#popup1">
                            Login&nbsp;&nbsp;<i class="fa fa-user" aria-hidden="true"></i>
                        </a>
                    </li>
                    <div id="popup1" class="overlay">
                        <div class="popup">
                            <a class="close" href="#">&times;</a>
                            <div class="account-box">
                                <div class="login-popup-header">
                                    Login
                                </div>
                                <form class="form-signin" action="loginUser" method="post">
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <div class="form-group">
                                        <input type="text" class="form-control" name="username" placeholder="Username" required autofocus />
                                    </div>
                                    <div class="form-group">
                                        <input type="password" class="form-control" name="password" placeholder="Password" required />
                                    </div>
                                    <input name="Submit" type="submit" value="Sign In" class="btn btn-primary">
                                    <label class="checkbox-01 checkbox">
                                        <input type="checkbox" value="remember-me" />
                                        Keep me signed in
                                    </label>
                                </form>
                                <div class="or-box row-block">
                                    <div class="row">
                                        <div class="col-md-12 row-block">
                                            <a href="#" class="btn btn-primary btn-block">Create New Account</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </ul>

这是我的路线

Route::post("loginUser", 'Controller@loginUser');

这是我得到的输出

Answer 1

尝试替换:

<input type="hidden" name="_token" value="{{ csrf_token() }}">

只有:

{{ csrf_field() }}

后者将注入(inject)适当的表单输入以满足 CSRF token 。或者，尝试将以下标记添加到 header ，然后通过 ajax 调用将其传递到 header 中(如 Laravel documentation 中详述)。

<meta name="csrf-token" content="{{ csrf_token() }}">