如何在 Vue.js 和 Laravel 5.4 中发出 POST 请求

Posted 2023-02-22

【中文标题】如何在 Vue.js 和 Laravel 5.4 中发出 POST 请求

【英文标题】：How to make a POST Request in Vue.js and Laravel 5.4

【发布时间】：2017-08-15 23:04:30

【问题描述】：

如何消除此错误以及如何检索通过 Vue.js 中的 POST 请求传递的数据

这是我的app.js，只关注红框。

添加此代码以启用 csrf_token。

这是Route，我试图得到回复

这是我的Controller

这就是我遇到的错误。

我想知道我的代码中有什么缺失或错误。我需要你的帮助。

【问题讨论】：

您好！请不要使用uploading code as image。相反，直接写在问题中并正确设置样式！

【参考方案1】：

您收到 MethodNotAllowedException 是因为您定义了 GET 路由但需要 POST 路由。

尝试使用

Route::post('page-send-message', 'MainController@send');

而不是

Route::get('page-send-message', 'MainController@send');

无论如何，建议使用 axios 库而不是 Vue 发布请求。有关更多信息，请查看 laravel 的 bootstrap.js