How to send object for request in Laravel controller from Vue JS frontend by GET request?

Question

I have created a function in my controller that receives a request and does some calculations after that and stuff. Currently I am just showing the request array for checking:

public function check_availability(Request $request){
        dd($request->all());
        //other works to use this request values
         
    }

Now when I am sending a request to the route which hits this function using postman like this:

So it is working perfectly from postman. But the same request is returning blank request array when I am sending the request from my vue js application.

var data= {
          "qty": 1000,
          "id": 1
        }
        var config = {
          method: 'get',
          url: 'http://127.0.0.1:8000/api/check_quantity',
          data: data
        };

        axios(config)
        .then(function (response) {
          console.log("returned :", response)
          commit('set_products', payload);
        })
        .catch(function (error) {
          console.log("this is error:",error);
        });

This is returning blank array! This is working when I am configuring the whole system in POST method. How can I solve this using get method?

Kamlesh Paul · Accepted Answer · 2021-10-08 06:10:38Z

1

to pass data in get method you have to add them in query params like ?=foo=bar

so your code should like like

var data= {
  qty: 1000,
  id: 1
}
var config = {
  method: 'get',
  url:`http://127.0.0.1:8000/api/check_quantity?qty=${data.qty}&id=${data.id}`,
};

axios(config)
.then(function (response) {
  console.log("returned :", response)
  commit('set_products', payload);
})
.catch(function (error) {
  console.log("this is error:",error);
});

answered Oct 8, 2021 at 6:10

Kamlesh Paul

12.5k2 gold badges23 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

adeab Over a year ago

So there is no way of sending body data with get method? I knew this parameter way, but wanted to use the body data way.

Kamlesh Paul Over a year ago

body and params is different post request have body and get request have params to send data. it is http protocol's term. and postman also behind the seen doing this

Collectives™ on Stack Overflow

How to send object for request in Laravel controller from Vue JS frontend by GET request?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related