Vue + Laravel Sanctum遇到CSRF令牌不匹配的419错误
<p>我收到一个“419（未知状态）”错误，错误信息为“CSRF令牌不匹配。”</p>
<p>POST http://127.0.0.1:8000/login 419（未知状态）</p>
<p>CSRF令牌不匹配。</p>
<p>Laravel服务器：http://127.0.0.1:8000</p>
<p>Vue服务器：http://localhost:8080</p>
<p>应用程序/Http/Kernel.php</p>
<pre class="lang-php prettyprint-override"><code>'api' => [
\Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
'throttle:api',
\Illuminate\Routing\Middleware\SubstituteBindings::class,
],
</code></pre>
<p>应用程序/模型/User.php</p>
<pre class="lang-php prettyprint-override"><code><?php
namespace App\Models;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Notifications\Notifiable;
use Laravel\Sanctum\HasApiTokens;
class User extends Authenticatable
{
use HasApiTokens, HasFactory, Notifiable;
//...
}
</code></pre>
<p>配置/cors.php</p>
<pre class="lang-php prettyprint-override"><code><?php
return [
'paths' => [
'api/*',
'sanctum/csrf-cookie',
'register',
'login',
],
'allowed_methods' => ['*'],
'allowed_origins' => ['*'],
'allowed_origins_patterns' => [],
'allowed_headers' => ['*'],
'exposed_headers' => [],
'max_age' => 0,
'supports_credentials' => true,
];
</code></pre>
<p>.env</p>
<pre class="brush:php;toolbar:false;">SESSION_DRIVER=cookie
SESSION_DOMAIN=localhost
SANCTUM_STATEFUL_DOMAINS=localhost:8080</pre>
<p>src/main.js</p>
<pre class="lang-js prettyprint-override"><code>axios.interceptors.request.use((config) => {
config.baseURL = 'http://127.0.0.1:8000'
config.withCredentials = true
return config
})
</code></pre>
<p>src/views/auth/Login.vue</p>
<pre class="lang-js prettyprint-override"><code>import axios from 'axios'
import { reactive } from '@vue/reactivity';
export default {
setup() {
const credential = reactive({
email: '',
password: '',
})
const login = async () => {
axios.get('/sanctum/csrf-cookie').then( async () => {
let response = await axios.post('/login', credential)
console.log(response);
});
}
return { login, credential }
}
};
</code></pre></p>
2
1009
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
我在处理这个相同问题上遇到了困难。经过几次搜索，我找到了这个页面。在看到可能的建议解决方案后，我修改了
为
然后就好了！它正常工作了！！
您将
SANCTUM_STATEFUL_DOMAINS设置为localhost:8080，但其余代码显示您正在使用8000端口而不是8080端口。如果您将其更改为8000，您应该是正常的。