0
188
Vistas¿Cómo cargar un archivo html local dentro de un iframe en mi aplicación de reacción?
Tengo problemas al intentar cargar un archivo html desde mi carpeta pública en una aplicación React creada con create-react-app . ¿Me estoy perdiendo una configuración de configuración en algún lugar del paquete web?
Actualmente tengo esta estructura de carpetas:
Y quiero mostrar el archivo test.html dentro de un Iframe en mi componente React así:
import React from 'react'; const Component = props => { return (<iframe src="/test/index.html"title="Docuvieware" />); }; export default Component;Pero esto me está dando un "No se puede OBTENER /test/index.html" en el Iframe. Además, cuando navego directamente a http://localhost:3000/test/index.html , aparece una página en blanco que dice 'Cannot GET /test/index.html'
También intenté usar "process.env.PUBLIC_URL" dentro de mi componente, pero no estaba definido.
1 Respuestas
Responde la pregunta0
Logré solucionar esto usando CopyWebpackPlugin . Acabo de agregar la carpeta de prueba en mi carpeta src y luego agregué la siguiente línea a la configuración de mi paquete web:
new CopyWebpackPlugin([{ from: 'src/test', to: 'test' }]),y luego /test/index.html dio la ruta correcta.