Send POST request to Laravel web.php route-CodePudding

I have a simple Vue app in which I am sending POST request with options (table filtering variables) to the back-end. I want to be able to destructure the object and debug it in my TestController in Laravel 8, so I want to send the options to web.php via URL, not to api.php. Since options is an object, I cannot just drop it in the URL.

Ultimately I want to be able to preview my Laravel respond in browser, so I know it returns correct data from server.

So how can I achieve this?

CodePudding user response：

in Vue FormComponent <form @submit="formSubmit"> and script

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;
    });
}

CodePudding user response：

Firstable, create POST route for your request. Then just make POST request to this route url and put your POST params (your object) to request body. You can use Axios as example

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

UPD And response for your request you can see in browser developer console on network tab