How to submit a form in Laravel Vue component

Question

I've created a from within a laravel vue component which I'm trying to submit, but I'm getting a 404 error ThoughtJournalController@store not found.

<form method="POST" action="{{ action('ThoughtJournalController@store') }}">

How do I correctly submit a form within the vue component?

Robin Gillitzer · Accepted Answer · 2020-02-13T09:27:42.150

0

Create a route in resources/routes/web.php:

Route::post( '/submit', 'ThoughtJournalController@store' );

Then edit your form:

<form method="POST" action="/submit">

edited Feb 13 '20 at 09:27

answered Feb 12 '20 at 15:39

Robin Gillitzer

1,603
1
6
17

I'm getting an error from this: action="{{ route('storeEntry') }}": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of
, use
.
– Joe Leeson Feb 12 '20 at 18:57
Try to type the relative path in your action. Like that: action=„submit/path“. The same path as the first attribute of Route::get() – Robin Gillitzer Feb 12 '20 at 20:50
Your form is in a *.vue file not in a *.blade.php file right? – Robin Gillitzer Feb 13 '20 at 07:14
In order to use laravel named routes in your `.vue` components you can use this https://github.com/tightenco/ziggy – junaid rasheed Feb 13 '20 at 07:42
Yes form in a .vue file – Joe Leeson Feb 13 '20 at 09:23
still getting a 404 error with action="submit/thoughtjournal" – Joe Leeson Feb 13 '20 at 09:29
this is the route: Route::post('/thoughtjournal', 'ThoughtJournalController@store')->name('storeEntry'); – Joe Leeson Feb 13 '20 at 09:30
Then your action should be action="/thoughtjournal" – Robin Gillitzer Feb 13 '20 at 09:31
Oh I see. I'll try this – Joe Leeson Feb 13 '20 at 09:31
It seems like you missed the CSRF-Token in your form... This can help you: https://stackoverflow.com/questions/41409893/csrf-token-in-vue-component – Robin Gillitzer Feb 13 '20 at 09:38
This is already declared in the head section of my page . Does it need to be declared in the form as well? – Joe Leeson Feb 13 '20 at 09:42
Yes, try the first answer of this: https://stackoverflow.com/questions/39938284/how-to-pass-laravel-csrf-token-value-to-vue – Robin Gillitzer Feb 13 '20 at 09:50

score 0 · Answer 2 · answered Feb 12 '20 at 15:39

0

It seems like you forgot to Define the route did you do:

    Route::get('posts', 'ThoughtJournalController@store');

answered Feb 12 '20 at 15:39

Nick Alexander

361
2
5
21

How to submit a form in Laravel Vue component

2 Answers2