S3 & CloudFront 404 Kesalahan pada Reload halaman (diselesaikan)

Saya baru -baru ini menggunakan simpul yang diterbitkan.Aplikasi JS via Amazon S3 Static Situs Web Hosting. Setelah penempatan, saya perhatikan bahwa kami mendapatkan pesan kesalahan 404 sambil menyegarkan halaman. Setelah beberapa pencarian, saya mendapat alasan di baliknya. Saya menemukan bahwa aplikasi memerlukan konfigurasi khusus untuk routing seperti .htaccess di server Apache. Tapi inilah masalahnya, kami tidak dapat menggunakan .File htaccess dengan hosting situs web statis S3.

Dalam tutorial ini, kami akan membahas pemecahan masalah ini dengan opsi yang disediakan di bawah konfigurasi S3. Juga, berikan Anda instruksi untuk memperbaiki masalah ini untuk pengguna menggunakan cloudfront.

Amazon S3 (hosting situs web statis)

Amazon S3 menggunakan indeks.html sebagai file indeks default. Jika aplikasi Anda di -host di hosting situs web Amazon S3. Anda hanya perlu mengkonfigurasi indeks.html dalam Dokumen kesalahan.

Buka aplikasi S3 Bucket -> Properties -> Hosting Situs Web Statis dan Atur Dokumen Kesalahan seperti yang ditampilkan di gambar di bawah ini:

Amazon Cloudfront

Dalam hal menggunakan Amazon Cloudfront dengan ember S3, Anda juga perlu mengonfigurasi halaman kesalahan di CloudFront.

Edit cloudfront -> halaman kesalahan. Sekarang buat respons kesalahan khusus untuk 404 untuk indeks.html. Anda juga dapat melakukan hal yang sama untuk kode kesalahan 403.

Kesimpulan

Posting blog ini membantu Anda menyelesaikan kesalahan 404 dengan Amazon S3 dan Cloudfront.