Tulisan ini berisi langkah-langkah saya mengatasi masalah ketika melakukan deployment web application Laravel dengan Livewire di CloudPanel. Masalah tersebut yaitu filelivewire.js tidak ditemukan atau dari di sisi browser mengembalikan response code 404 saat request file tersebut. Berikut adalah langkah-langkah yang saya lakukan.

1. Pergi ke Vhost Editor

   

2. Temukan blok kode seperti

    location ~* ^.+\.(css|js|jpg|jpeg|gif|png|ico|gz|svg|svgz|ttf|otf|woff|woff2|eot|mp4|ogg|ogv|webm|webp|zip|swf|map)$ {
        add_header Access-Control-Allow-Origin "*";
        add_header alt-svc 'h3=":443"; ma=86400';
        expires max;
        access_log off;
    }
   

3. Hapus js pada list location. Sehingga hasil akhirnya dari blok kode tersebut adalah seperti ini

   Akan terdapat dua blok kode seperti ini. Pastikan untuk mengubah keduanya.

    location ~* ^.+\.(css|jpg|jpeg|gif|png|ico|gz|svg|svgz|ttf|otf|woff|woff2|eot|mp4|ogg|ogv|webm|webp|zip|swf|map)$ {
        add_header Access-Control-Allow-Origin "*";
        add_header alt-svc 'h3=":443"; ma=86400';
        expires max;
        access_log off;
    }
   

4. Simpan dan lakukan refresh pada web tujuan

Sumber dari tulisan ini saya dapatkan dari diskusi di repo Livewire berikut https://github.com/livewire/livewire/discussions/6328. Sekian, terima kasih telah membaca.