Ссылка и выполнение внешнего JavaScript-файла, размещенного на GitHub
Описание проблемы
Когда я пытаюсь изменить ссылку на локальный JavaScript файл на версию из GitHub (raw), мой тестовый файл перестает работать. В консоли появляется следующая ошибка:
Refused to execute script from ... because its MIME type (text/plain) is not executable, and strict MIME type checking is enabled.
Есть ли возможность отключить это поведение или существует ли сервис, который позволяет ссылаться на raw-файлы GitHub?
Рабочий код:
<script src="bootstrap-wysiwyg.js"></script>
Некорректный код:
<script src="https://raw.github.com/mindmup/bootstrap-wysiwyg/master/bootstrap-wysiwyg.js"></script>
Помогите, пожалуйста!
5 ответ(ов)
В результате изменения, rawgithub.com
теперь перенаправляет на rawgit.com
. Следовательно, ваш пример следует изменить на следующий формат:
http://rawgit.com/user/package/master/link.min.js
Это означает, что вы теперь используете новый URL-адрес rawgit.com
для доступа к вашим файлам. Убедитесь, что путь к файлу и его имя указаны правильно, чтобы избежать ошибок при загрузке.
На StackOverflow.com вопрос может выглядеть следующим образом:
Вопрос: Как убрать заголовок nosniff
и исправить тип MIME по расширению файла для CDN?
Ответ:
Если вы ищете решение для работы с CDN и хотите убрать заголовок nosniff
, а также исправить тип MIME в зависимости от расширения файла, обратите внимание на некоторые моменты.
RawGit: Этот сервис предоставлял CDN для GitHub, но стоит отметить, что RawGit достиг конца своей полезной жизни. Поэтому его использование не рекомендуется.
Альтернативы: Вы можете рассмотреть другие CDN, такие как jsDelivr или unpkg. Эти сервисы обеспечивают поддержку правильной отправки заголовков, включая
nosniff
, и правильно работают с типами MIME, основываясь на расширениях файлов.Настройка своего CDN: Если у вас есть возможность настроить свой собственный сервер, вы можете контролировать заголовки и MIME-типы в конфигурации веб-сервера (например, Nginx или Apache), настраивая соответствующие директивы.
Пользуйтесь актуальными и поддерживаемыми решениями, чтобы избежать проблем с безопасностью и совместимостью.
Таким образом, вы сможете ответить на вопрос в духе сообщества StackOverflow, предлагая альтернативные решения и рекомендации.
Для ясности и краткости:
//raw.githubusercontent.com
замените на //rawgit.com
.
Обратите внимание, что это обрабатывается хостингом разработки RawGit, а не их CDN для продакшн-хостинга.
Когда вы загружаете файл на GitHub, вы можете использовать его как внешний ресурс или бесплатный хостинг. Трой Алфорд объяснил это довольно подробно выше. Но чтобы упростить задачу, позвольте мне изложить несколько простых шагов, с помощью которых вы сможете использовать файл GitHub в своем сайте:
Вот ссылка на ваш файл:
https://raw.githubusercontent.com/mindmup/bootstrap-wysiwyg/master/bootstrap-wysiwyg.js
Теперь, чтобы его использовать, вам нужно удалить https:// и точку (.) между raw и githubusercontent.
Получается так:
rawgithubusercontent.com/mindmup/bootstrap-wysiwyg/master/bootstrap-wysiwyg.js
Теперь, когда вы перейдете по этой ссылке, вы получите ссылку, которую можно использовать для подключения вашего JavaScript:
Вот финальная ссылка:
https://rawgit.com/mindmup/bootstrap-wysiwyg/master/bootstrap-wysiwyg.js
Аналогичным образом, если вы хостите CSS-файл, вам нужно будет сделать всё так же, как указано выше. Это самый простой способ получить ссылку для подключения ваших внешних CSS или JavaScript файлов, размещенных на GitHub.
Надеюсь, это будет полезно.
Ссылка на источник: http://101helper.blogspot.com/2015/11/store-blogger-codes-on-github-boost-blogger-speed.html
У меня была такая же проблема, как у вас. Я решил её следующим образом: поменял строку на
<script type="application/javascript" src="bootstrap-wysiwyg.js"></script>
Это сработало для меня.
Как перенаправить на другую веб-страницу?
Прокрутка к элементу с использованием jQuery
Где найти документацию по форматированию даты в JavaScript?
Как определить нажатие клавиши Esc?
Как проверить, содержит ли массив строку в TypeScript?