Tengo un depósito S3 con varios directorios /experiment1 , experiment2 , etc. Dentro de cada uno de estos directorios vive una aplicación estática con los archivos relevantes (index.html, js bundles). Cada una de estas aplicaciones tiene su propio enrutador SPA en la aplicación para manejar el enrutamiento.

El enrutamiento para acceder a estas aplicaciones es relativamente sencillo para index.html, ir a https://blahblah.com/experiment1/ funciona como se esperaba, renderizando la aplicación. El problema es cuando va más allá de la raíz del directorio. Por ejemplo, ir a https://blahblah.com/experiment1/about le dará un 404 porque, naturalmente, ese archivo no existe en S3. En el pasado, cuando solo había una "aplicación" en un depósito de S3, funcionaba una redirección de la respuesta de origen 404 a /index.html en Cloudfront. En este caso, esto no funcionará porque necesito redirigir dinámicamente a /experiment*/index.html . A continuación, se muestra una configuración de Lambda@Edge que probé, pero no conseguí que funcionara correctamente.

Cualquier ayuda es apreciada

 exports.handler = (event, context, callback) => { 'use strict'; const response = event.Records[0].cf.response; // grabs the experiment1 part of /experiment1/about const firstPath = response.uri.split('/')[1]; if (response.status == 404) { //Response Status Code and Description response.status = 200; response.statusDescription = 'OK'; response.body = ''; //Set the Redirect Location response.headers['location'] = [{ key: 'Location', value: `/${firstPath}/index.html` }]; } callback(null, response); };

Esta configuración solo me da una página en blanco, con un estado de 200