无法使用 axios 向 Laravel 应用程序发帖

Question

我多次尝试使用 vuejs 将 ajax 请求与 axios 发布到 lararvel 应用程序 我在元主刀片中添加了 csrf_token()。 但状态始终返回为 419（未知状态）， 如果有些人遇到类似类型的错误，请帮忙。

Answer 1

您必须将csrf_token() 的值分配给布局文件中的某个字段。我建议你这样使用：

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

如果你使用 Laravel mix 来编译你的 JS & CSS，那么 csrf_token 会自动添加到 axios 配置中。以下是 resources/assets/js/bootstrap.js 中的代码，用于在您创建 Laravel 应用程序时进行 axios 配置。

window.axios = require('axios');

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

let token = document.head.querySelector('meta[name="csrf-token"]');

if (token) {
    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
}

如果你已经安装了yarn，你需要运行npm install或者yarn install来自动运行。