Get POST params in Laravel's Controller (sent by javascript/vue)

Question

I'm sending Form data from a Vue component to Laravel API by POST method.

Laravel return a good response but I'm not able to manage the POST data inside the Laravel controller.

This is the client side:

 let body = JSON.stringify({
      'email': user.email,
      'password': user.password,
  });

  fetch("/login", {
         method: "POST",
         headers: new Headers({
            'Content-Type': 'application/x-www-form-urlencoded',
            'X-CSRF-TOKEN': user.token, // NOTA: no X_CXRF-TOKEN
             body: body
                })
   })

This is the controller

namespace App\Http\Controllers\Auth;
use Illuminate\Http\Request;
use App\Http\Controllers\Controller;

class LoginJWTController extends Controller{
  public function login(Request $request){
    print_r ($request->all());
  }
}

But the response (200 OK) is an empty array: array[]

On debug site I see the request header having:

body: {"email":"[email protected]","password":"12345678"}

Why I have no POST data in my Controller? What I'm missing?

Thanks for your help!

change this 'Content-Type': 'application/x-www-form-urlencoded' to 'Content-Type': 'application/json' and one more thing why are sending your body in headers . — Salman Zafar
– Salman Zafar, Commented Jun 18, 2019 at 8:50
Content-type it's ok, the body it's the issue! I wrote it in a bad position! lol! — Uncoke
– Uncoke, Commented Jun 18, 2019 at 8:59

piscator · Accepted Answer · 2019-06-18 08:59:46Z

2

Currently the body is part of your headers.

Please try this:

let body = JSON.stringify({
    'email': user.email,
    'password': user.password,
});

fetch("/login", {
     method: "POST",
     headers: new Headers({
        'Content-Type': 'application/json',
        'X-CSRF-TOKEN': user.token, // NOTA: no X_CXRF-TOKEN
     }),
     body: body
})

Also set the content type to application/json as Salman Zafar pointed out in the comments.

edited Jun 18, 2019 at 8:59

answered Jun 18, 2019 at 8:54

piscator

8,8495 gold badges26 silver badges35 bronze badges

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

1 Comment

Uncoke Over a year ago

Yes! This is! I wrote it too quickly!! Fresh eyes are always welcome! Thanks for your time and caught the bug! :D

Collectives™ on Stack Overflow

Get POST params in Laravel's Controller (sent by javascript/vue)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related