S3 y CloudFront 404 Error en la recarga de la página (resuelto)

Recientemente he implementado un nodo publicado.Aplicación JS a través de Amazon S3 Static Sittite Hosting. Después de la implementación, noté que recibimos el mensaje de error 404 mientras actualizamos las páginas. Después de algunas búsquedas, obtuve la razón detrás. Descubrí que la aplicación requería una configuración especial para enrutamiento como .htaccess En los servidores Apache. Pero aquí está el problema, no podemos usar el .archivo htaccess con alojamiento de sitios web s3 s3tatic.

En este tutorial, discutiremos resolver este problema con las opciones proporcionadas bajo la configuración S3. Además, proporcione instrucciones para solucionar este problema para los usuarios utilizando CloudFront.

Amazon S3 (alojamiento de sitio web estático)

Amazon S3 usa índice.html como archivo de índice predeterminado. Si su aplicación está alojada en Amazon S3 Static Sittite Hosting. Solo necesitas configurar índice.html en el Documento de error.

Vaya a la aplicación S3 Bucket -> Propiedades -> Hosting de sitio web estático y establezca el documento de error como se muestra en la imagen a continuación:

Amazon Cloudfront

En el caso de usar Amazon CloudFront con un cubo S3, también debe configurar las páginas de error en CloudFront.

Editar las páginas de error de CloudFront ->. Ahora cree una respuesta de error personalizada para 404 al índice.html. También puede hacer lo mismo para el código de error 403.

Conclusión

Esta publicación de blog te ayudó a resolver el error 404 con Amazon S3 y CloudFront.