He agregado este código a mi sitio web (antes del cuerpo de cierre):
<script type="text/javascript"> var vglnk = {key: '123456789'}; (function(d, t) { var s = d.createElement(t); s.type = 'text/javascript'; s.async = true; s.src = '//cdn.viglink.com/api/vglnk.js'; var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r); }(document, 'script')); </script>(La clave anterior es solo una clave ficticia. En mi entorno de producción, he usado la clave correcta).
Sin embargo, en la consola de desarrollo de Chrome aparece el siguiente error:
www.mywebsite.com/:1 Refused to execute script from 'https://api.viglink.com/api/sync.js?key=123456789' because its MIME type ('image/gif') is not executable.¿Por qué está pasando esto? ¿Qué estoy haciendo mal?
¿Estás seguro de que tu clave es correcta?
La respuesta gif podría ser cómo viglink está manejando solicitudes no válidas: si la clave no es válida, devuelve un gif . Visite directamente https://api.viglink.com/api/sync.js?key=123 en su navegador y devolverá GIF.
Sin embargo, lo probé con una clave válida:
https://api.viglink.com/api/sync.js?key=<valid-key>
y devolvió el archivo javascript sync.js
El problema es que tiene un elemento <script> que intenta cargar JavaScript externo.
La URL que ha proporcionado: posiblemente apunte a un archivo GIF y no a un programa JavaScript.
El servidor informa correctamente que es GIF, por lo que el navegador cancela con ese mensaje de error en lugar de intentar ejecutar el JSON como JavaScript (lo que generaría un error).
prueba esto
<script type="image/gif">Ahora el navegador sabe que no está intentando cargar JavaScript, por lo que ignora el elemento del script por completo.