向 Laravel web.php 路由发送 POST 请求答案

【问题标题】：Send POST request to Laravel web.php route向 Laravel web.php 路由发送 POST 请求
【发布时间】：2021-12-03 14:11:36
【问题描述】：

我有一个简单的 Vue 应用程序，我在其中向后端发送带有选项（表过滤变量）的 POST 请求。我希望能够在 Laravel 8 的 TestController 中解构对象并对其进行调试，因此我想通过 URL 将选项发送到 web.php，而不是 api.php。由于 options 是一个对象，我不能只将它放在 URL 中。

最终我希望能够在浏览器中预览我的 Laravel 响应，所以我知道它会从服务器返回正确的数据。

那么我该如何实现呢？

【问题讨论】：

标签： laravel vue.js rest

【解决方案1】：

首先，为您的请求创建 POST 路由。然后只需向此路由 url 发出 POST 请求，并将您的 POST 参数（您的对象）放入请求正文。你可以使用 Axios 作为例子

let filterOptions = {...};
axios.post(url, filterOptions).then().catch();

UPD 并响应您的请求，您可以在网络选项卡上的浏览器开发者控制台中看到

【讨论】：

【解决方案2】：

在 Vue FormComponent <form @submit="formSubmit"> 和脚本中

function formSubmit(e) {
    e.preventDefault();
    let currentObj = this;
    axios.post('/formSubmit', {
        name: this.name,
        description: this.description
    }).then(function(response) {
        currentObj.output = response.data;
        console.log(currentObj);
    }).catch(function(error) {
        currentObj.output = error;
    });
}

【讨论】：

这是常规的 api 调用，可以正常工作。这会将数据返回到我的应用程序中；我实际上只是想通过浏览器访问，打开新页面，输入 URL 并检查来自服务器的数据。