如何从 GitHub 加载外部 JavaScript 文件而不出现 MIME 类型错误？

从 GitHub 加载外部 JavaScript 文件

引用 GitHub 上托管的外部 JavaScript 文件时，开发人员在尝试从 GitHub 加载这些文件时经常会遇到问题GitHub 原始链接。由于现代浏览器强制执行 MIME 类型检查，这可能会导致错误。

要解决此问题，有必要找到加载 JavaScript 文件的替代方法。一种有效的解决方案是利用 jsdelivr.net。通过执行以下步骤，您可以获得功能等效的链接：

1. 导航到 GitHub 链接的“原始”版本。
2. 复制 URL。
3. 将“raw.githubusercontent.com”替换为“cdn.jsdelivr.net”。
4. 插入在用户名前添加“/gh/”。
5. 删除分支名称。
6. （可选）在“@”符号后指定所需的版本。省略此项将加载最新版本。

示例：

• 最新版本：

  http://cdn.jsdelivr.net/gh/<username>/<repo>/path/to/file.js

• 特定版本或提交哈希：

  http://cdn.jsdelivr.net/gh/<username>/<repo>@<version or hash>/path/to/file.js

这是为什么有必要吗？

GitHub 的 X-Content-Type-Options: nosniff 标头实现强制浏览器强制执行 MIME 类型检查。此设置会阻止某些浏览器按预期解释原始文件，从而导致观察到的错误。

请参阅链接的讨论线程以进一步了解此主题。

以上是如何从 GitHub 加载外部 JavaScript 文件而不出现 MIME 类型错误？的详细内容。更多信息请关注PHP中文网其他相关文章！