Hallo Semua..\ saya akan coba membagikan pengalaman saya tentang mendeploy atau menghosting project VueJS dan Laravel (bisa jga Lumen) di domain utama untuk VueJS nya dan subdomain untuk lumen nya.
Disini VueJS sebagai frontend dan Lumen sebagai backend nya, jadi saya akan bagi 2 sesi ya
Deploy VueJS
Build Project VueJS nya
npm run buildCompress folder dist/ nya (untuk lebih mudah upload ke file manager cPanel)
Upload ke cPanel
Extract dan letakan isi folder dist/ di folder public_html
Lalu buat file .htaccess
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
RewriteBase /
RewriteRule ^index\.html$ — [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>
Deploy Lumen atau Laravel
Compress project
Upload ke cPanel
Buat subdomain di cPanel
Extract Project nya
Copy .htaccess dari project ke folder yang dibuat oleh cPanel untuk subdomain
Bisa coba diakses untuk project nya..
Untuk detail nya bisa lihat video ini\ https://youtu.be/kc-Z_wHiHGY
Terimakasih ..