Menampilkan Data Produk Pada VueJS Klien Dari Laravel Server

Dengan JSON API kita dapat mengambil data sesuai dengan kebutuhan, dalam catatan kali ini membuat data produk pada Laravel kemudian menampilkan datanya pada vuejs melalui API. disini akan membuat panggilan ke laravel melalui permintaan GET sederhana.

Bagaimana Melakukannya ikuti catatan berikut ini.

Pertama kita buat dulu CRUD data produk pada laravel. yang dapat membuat data produk ini hanyalah admin jadi kita harus membuat login terlebih dahulu untuk admin. ketik perintah berikut ini.

kemudian buat ProductController

dan masukan kode sebagai berikut

buat struktur data product

dan strukturnya adalah sebagai berikut

kemudian pada folder Api buat pula ProductController

yang kodenya adalah sebagai berikut

dan pada router

masukan kode sebagai berikut

Kemudian pada VueJS Project buat file Welcome.vue dan kodenya sebagai berikut

dan pada store adalah sebagai berikut

dan pada router sebagai berikut 😀