直接来自 GitHub 的 JavaScript 文件等热链接资源 [重复]

Question

我问了question about including resources from GitHub，答案是使用原始链接：

https://raw.github.com/username/repository/branch/file.js

我正在尝试包含一个脚本，使用：

<script
   type="text/javascript"
   src="https://raw.github.com/username/repo/master/src/file.js"
></script>

但我收到以下错误：

拒绝执行来自 'https://raw.github.com/username/repo/master/src/file.js' 的脚本，因为它的 MIME 类型 ('text/plain') 不可执行，并且启用了严格的 MIME 类型检查。

是否有其他方法可以修复此错误？

使用示例

我不会在生产中使用它，而是用于演示页面：

project-repository-from-github
  ├─ master
  │   ├─ src
  │   │   └─ my-jQuery-plugin.js
  │   └─ README.md
  └─ gh-pages
      ├─ css
      │   └─ style.css
      └─ index.html

在 index.html 页面中，我想要最新版本的 my-jQuery-plugin.js。所以，我会在脚本中包含原始 URL。

如何修复错误？

Answer 1

是的，Github changed this in April, 2013:

早在 2011 年，我们就在原始 URL 响应中添加了 X-Content-Type-Options: nosniff 标头，作为打击盗链的第一步。这具有强制浏览器根据Content-Type 标头处理内容的效果。这意味着当我们为文件的原始视图设置 Content-Type: text/plain 时，浏览器将拒绝将该文件视为 JavaScript 或 CSS。

但是感谢http://combinatronics.com/，我们可以包含 GH 脚本。唯一的变化是从 raw.github.com 变为 combinatronics.com：

<script
   type="text/javascript"
   src="https://combinatronics.com/username/repo/master/src/file.js"
></script>

项目是hosted on Github being open-source。

是的，@Lix 是正确的。这些文件不是来自 Github，而是来自 combinatronics。

---

我发现的另一个解决方法是：

<script
   type="text/javascript"
   src="https://combinatronics.com/username/repo/master/src/file.js"
></script>

你可以使用$.getScriptjQuery函数：

<script>
  $.getScript("https://combinatronics.com/username/repo/master/src/file.js", function () {
    /* do something when loaded */
  });
</script>

Answer 2

我发现对我来说最好的解决方案是使用 GitHub 页面：https://pages.github.com/

限制是你只能使用 repo 中的一个分支来保存你的脚本（即：gh-pages 分支）

示例用法
将 test.js 脚本推送到 REPO 的 gh-pages 分支。

脚本位于 yourusername.github.io/REPO/test.js（更新可能需要大约 10 分钟）

其他解决方案
http://rawgithub.com 如果您不更改脚本（CDN 会永久缓存特定的 url），那么无论是开发还是生产（使用 CDN）都很好。