Skip to content

emka.web.id

Menu
  • Home
  • Indeks Artikel
  • Tutorial
  • Tentang Kami
Menu

S3 dan Cloudfront: Kesalahan 404 pada Muat Ulang Halaman (Terselesaikan)

Posted on July 15, 2022 by Syauqi Wiryahasana

I baru-baru ini menerapkan aplikasi Node.js yang diterbitkan melalui hosting situs web statis Amazon S3. Setelah penerapan, saya perhatikan bahwa kami mendapatkan pesan kesalahan 404 saat menyegarkan halaman. Setelah beberapa pencarian, saya mendapatkan alasan di baliknya. Saya menemukan bahwa aplikasi memerlukan konfigurasi khusus untuk perutean seperti .htaccess di server Apache. Tapi inilah masalahnya, kita tidak dapat menggunakan file .htaccess dengan hosting situs web statis S3.

Dalam tutorial ini, kita akan membahas pemecahan masalah ini dengan opsi yang disediakan di bawah konfigurasi S3. Juga, berikan Anda petunjuk untuk memperbaiki masalah ini bagi pengguna yang menggunakan Cloudfront.
Amazon S3 (Hosting Situs Web Statis)

Amazon S3 menggunakan index.html sebagai file indeks default. Jika aplikasi Anda dihosting di hosting situs web statis Amazon s3. Anda hanya perlu mengonfigurasi index.html di Error document.

Buka aplikasi S3 bucket -> Properties -> Hosting situs web statis dan atur dokumen Error seperti yang ditunjukkan pada gambar di bawah ini:

React Menangani Kesalahan 404 dengan CloudFront
Amazon CloudFront
n bspDalam hal menggunakan Amazon Cloudfront dengan bucket s3, Anda juga perlu mengonfigurasi halaman Error di Cloudfront.

Edit the Cloudfront -> Error pages. Sekarang buat respons kesalahan khusus untuk 404 ke index.html. Anda juga dapat melakukan hal yang sama untuk kode kesalahan 403.

React Menangani Kesalahan 404 dengan Bucket S3
Conclusion

Pos blog ini membantu Anda mengatasi kesalahan 404 dengan Amazon S3 dan Cloudfront.


Referensi tecadmin.com
Seedbacklink

Recent Posts

TENTANG EMKA.WEB>ID

EMKA.WEB.ID adalah blog seputar teknologi informasi, edukasi dan ke-NU-an yang hadir sejak tahun 2011. Kontak: kontak@emka.web.id.

©2024 emka.web.id Proudly powered by wpStatically