Laravel Vite : How to debug and connect Laravel to Mobile or Another IP


Jika menggunakan Laravel dan Vite, maka teman-teman tidak akan bisa jika hanya menggunakan --host dan --port di php artisan serve untuk melakukan debug atau melihat aplikasi dari mobile atau komputer lain melalui IP.

Karena kita harus melakukan 2 expose host, yaitu untuk Laravel-nya sendiri dan Vite.


Laravel
SOLUTIONS

Berikut ini adalah beberapa solusi yang mungkin bisa membantu kamu.


Untuk melakukan debug dan melihat aplikasi / project yang dikembangkan dengan Laravel dan Vite melalui mobile atau komputer lain, maka berikut ini solusi yang bisa teman-teman coba.

Silahkan buka file vite.congif.js, kemudian tambahkan kode berikut ini.

server: {
    host: true
}

Atau contoh jika ditulis secara lengkap seperti berikut ini.

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';

    export default defineConfig({
        plugins: [
            vue(),
            laravel({
                input: ['resources/js/app.js'],
                refresh: true,
            }),
        ],
        server: {
            host: true
          }
    });

Setelah itu, kita tinggal menjalankan 2 perintah untuk melakukan expose artisan serve dan vite

php artisan serve --host=xx.xx.xx.xx --port=xxxx
npm run dev -- --host=xx.xx.xx.xx

Pastikan IP Host yang digunakan sama.

Terima Kasih.

KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami