03 - How to Use Axios in Vuejs to Insert Data to Laravel

In this series, we will learn how to combine Laravel and Vuejs to make supper supper amazing web application. You will learn how to use Laravel as back-end and Vue as front-end

Laravel 5.6, laravel tutorial, laravel course, laravel 5.6 video, admin lte with laravel, laravel admin, learn laravel, learn coding, learn laravel and admin lte, admin with laravel, laravel tips, coding tips, crud with laravel, php framework, laravel 5, laravel framework, laravel 5.6 basic, how to laravel, spa,laravel 5 crud, crud with Laravel, Laravel with vuejs, vuejs and laravel, vue and laravel, laravel vue, vuejs with laravel

[PranoySinha]

Hi Bro... you are my real Many thanks for your awesome tutorial series.

[SouAced]

For anyone that has stumbled on this tutorial like me and runs into a 500 error when running what he did at around 6:16, the problem is with your TaskController, you (like me) make it without any of the CRUD files in it. If you delete it then go and and make another use "php artisan make:controller TaskController --resource --model=Task" then it will have all the CRUD functions like create, store and update and will make a Task model that it is connected to. Also go into the Task model and add the fillable section for title so it can send. Hope that helps.

[SajidLatifDK]

Thanks for this tutorial. Was looking for tuts with topics about Vue, Laravel and Axios. Thanks

[kevintravels]

Thanks a lot for these videos. It really helped me on a project I was working on.

[tapaninboundwebhub]

It's always an informative and something new to learn.

[omareliotorrescastillo]

Hello, thank you very much for this video, this video is very informative, but i have some questions, why did you write this './api/task' inside axios post?, it does not described why the fact of this address?, it means that there is an api folder in the laravel project named api and inside a task archive? where is this task archive?, where and how did you create the "taskController file"? it is not described here in this video, i followed your same instructions with no results (not working), maybe i should see your previous videos, how can i see "vue tag" in console as you did? any help is appreciated, thank you very much

[omarponce]

Are the routes that are outside the auth middleware insecure?

[reelsofnatures]

I have a problem multiple data pass to controller. like, i create a invoice. here i firstly input customer information and second is cart where the item information. i want to sent customer information in orderMaster table and including orderMaster ID cart information want to sent in orderDetails table. will you help me please?

[dev_]

why when i create let title= this.title;
then pass it to axios then save it it work
but if i pass the this.title directly error be occur?
Can someone explain why ???

[abdulkabir]

How does the api know which function to hit in the controller?

[smartest_developers]

I am getting this error....
[Vue warn]: Failed to mount component: template or render function not defined.
found in
---> <TaskForm>
<Root>... can you please guide me, how to solve it, please

[maicoyamba]

how can i pass data from computed property? the data is Object.. please help Sir.

[sammdc]

Hi mate


When I send the data to the controller, it returns 500 error. Please let me know as to what it is happening?

[dmitrytulchinsky]

if I want to protectd my API should I create a brand new auth system for https ? and how can I do this if I want to have smth like admin guard in usual Laravel auth ?
thank you very much !

[PriyaGupta-gviu]

I am having query, I want to marge eCommerce website there are other features too and static pages will also be there, so i want to marge into la-ravel and vue js .as per my knowledge i am thinking to make admin into complete laravel and front-end into laravel and vue js so .i want to have some idea about it how to do this, how will differentiate admin and frontend urls, , how we will link the data from admin and frontend ? is der any help bcoz i had configured but i didnt got strong something so please can any one ?

[aslamansari-msre]

you are using App\Task in your controller but what is the actual code of Task.php can you please show it

[ashishbasuri]

Most important thing havn't done while storing the data i:e validation errors

[adelzemzemi]

You send it to post in Laravel without csrf token ?

[partabsaifzakir]

it show me this error 500, when i hit Add Task:

message: "Method [store] does not exist on [App\Http\Controllers\TasksController].", …}
exception: "BadMethodCallException"
file:
line: 68
message: "Method [store] does not exist on
trace: [{function: "__call", class: "Illuminate\Routing\Controller", type: "->"}, …]

[spboma]

please i am still trying all are working but the data are not going to my database