Watch complete Vuex tutorials here.

For the Vuex tutorial purpose, I have created this very basic Laravel API. So, before running the Vuex project, you need to run the Laravel API project first. For that, follow the below steps:

cd laravel-api
composer install

After installing composer dependencies, add your database credentials in .env file and then run migrations.

php artisan migrate

Now it's time to generate some dummy products. For that, I have created ProductTableSeeder. It will generate dummy products using faker. So, run db:seed to generate some dummy products.

php artisan db:seed

Now, in the terminal run artisan serve command. It will run the application at http://127.0.0.1:8000 URL, and that URL path used in the Vuex source code.

php artisan serve

If you are running the Laravel API on a different URL path, then you need to update the URL path in the src/apis/Api.js of the Vuex project.

cd vuex-tutorial
npm install

npm run serve

Vuex tutorial (Vue.js state management) Playlist