How to make a POST Request in Vue.js and Laravel 5.4

Question

How can I remove this error and how can I retrieve the data that I have passed via POST Request in Vue.js

This is my app.js, focus only on the red box.

Added this code to enable csrf_token.

This is the Route that what I'm trying to get a response

This is my Controller

And this is the error what I have encountered.

I want to know what is missing or wrong in my codes. I need your help.

Greetings! Please refrain from uploading code as image. Instead, write it directly in the question and style it properly! — TheAlexLichter
– TheAlexLichter, Commented Mar 23, 2017 at 11:54

TheAlexLichter · Accepted Answer · 2017-03-23 12:01:10Z

2

You receive a MethodNotAllowedException because you defined a GET route but need a POST one.

Try to use

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

instead of

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

Anyway, using the axios library is recommended instead of a Vue post request. For more information look into the bootstrap.js of laravel

answered Mar 23, 2017 at 11:55

TheAlexLichter

7,3338 gold badges50 silver badges76 bronze badges

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

1 Answer 1