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

Posted 2023-02-22

【中文标题】无法使用 axios 向 Laravel 应用程序发帖

【英文标题】：Can't make post with axios to Laravel App

【发布时间】：2018-03-22 21:15:08

【问题描述】：

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

【问题讨论】：

显示一些代码来帮助你

【参考方案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来自动运行。

【讨论】：

谢谢我已经这样做了，我正在使用 laravel-mix（Laravel 5.5）