0
322
VistasLa página de Vue.js dentro del iframe no se muestra en Firefox
Tenemos una página de Vue.js que contiene un borrador circular de Echarts y queremos mostrarlo en otro proyecto, que usa jQuery.
Se muestra perfectamente tanto en Chrome como en IE, pero en Firefox no se muestra nada.
Intentamos reemplazar la página de Echarts con algunos números básicos en la plantilla, pero todavía está vacía en Firefox.
Así es como se ve en cromo:
Y este es Firefox, que solo tiene una etiqueta de aplicación vacía: 
Cualquier ayuda sería apreciada.
editar:
Estoy usando Firefox93 en 64 bits, no se muestran errores en la consola.
Así es como insertamos el iframe: 
2 Respuestas
Responde la pregunta0
¿El sitio web en el que intenta cargar el iframe es seguro (https)? Veo que estás tratando de crear un iframe en una URL http
A diferencia de las imágenes HTTP en una página HTTPS, que se permiten con una pequeña advertencia en el candado, los iframes se consideran contenido activo potencialmente peligroso y los iframes HTTP no se cargarán en una página HTTPS.
Además de que la política del mismo origen podría tener algo que ver con eso.
0
Cuando se trata de varios navegadores está funcionando bien, y cuando se abre en otro navegador tiene algo mal, debería ser la Web API o la API del navegador que usa la biblioteca, en este caso, VueJS.
Las posibles soluciones a partir del origen estimado del problema son:
- Actualice VueJS a la última versión.
- Espero que este foro sea útil: https://forum.vuejs.org/t/iframes-in-vue/102268 , el cuestionario tiene un problema con su enlace de origen. Pero creo que no estás experimentando esto. Y es útil para cualquiera que haya visitado esta pregunta.
- Si se va a resolver el problema, recomendé usar las bibliotecas personalizadas de otras personas, como esta: https://www.npmjs.com/package/vue-iframes . Porque esas bibliotecas están desarrolladas para responder a varios problemas que enfrenta el creador y que probablemente otras personas también estarían experimentando.