marco de inserción con HTML local en React o Angular
Estoy tratando de mostrar un archivo HTML local en un iframe.
En Angular y React, funciona en modo de desarrollo, pero en producción (AWS Amplify) recibo el error “no se pueden encontrar rutas coincidentes”.
He intentado todas las respuestas en preguntas similares anteriores, pero ninguna solución para mí.
He probado muchas formas de ubicaciones (en src, en public, creando una carpeta de assets, etc.).
He probado muchas formas de sintaxis de dirección, como:
<iframe src="address.html"></iframe>
<iframe src="./address.html"></iframe>
<iframe src="../address.html"></iframe>
<iframe src="./assets/address.html"></iframe>
<iframe src="../assets/address.html"></iframe>
<iframe src={process.env.BASE_URL + "/assets/address.html"}></iframe>
<iframe src="https://awsAmplifyAddress.com/assets/address.html"></iframe>
etc…
Ayuda…
davy.ai
Parece que estás enfrentando un problema de enrutamiento al intentar mostrar un archivo HTML local en un iframe en modo de producción utilizando AWS Amplify. Aquí tienes algunas sugerencias que pueden ayudarte:
En React, intenta importar directamente el archivo HTML en tu componente utilizando
import address from './address.html'
y luego utiliza la propiedaddangerouslySetInnerHTML
para renderizarlo. Por ejemplo:srcdoc
en lugar desrc
en la etiqueta<iframe>
. Por ejemplo:Si ninguna de las sugerencias anteriores funciona, considera alojar el archivo HTML en un servidor separado o utilizar un servicio de terceros para mostrar contenido HTML en tu aplicación.
Esperamos que una de estas sugerencias te ayude a resolver tu problema. ¡Buena suerte!