由于 MIME 类型不匹配 (X-Content-Type-Options: nosniff),资源被阻止访问。

156
我正在使用JavaScript和HTML开发网页,之前一切都很顺利,但我收到了一份HTML页面中的错误列表。
The resource from “https://raw.githubusercontent.com/dataarts/dat.gui/master/build/dat.gui.min.js”
  was blocked due to MIME type mismatch (X-Content-Type-Options: nosniff).
The resource from “https://raw.githubusercontent.com/mrdoob/three.js/dev/build/three.js” was
  blocked due to MIME type mismatch (X-Content-Type-Options: nosniff).
The resource from “https://raw.githubusercontent.com/mrdoob/three.js/master/examples/js/renderers/CanvasRenderer.js”
  was blocked due to MIME type mismatch (X-Content-Type-Options: nosniff).
The resource from “https://raw.githubusercontent.com/mrdoob/three.js/master/examples/js/renderers/Projector.js”
  was blocked due to MIME type mismatch (X-Content-Type-Options: nosniff).
The resource from “https://raw.githubusercontent.com/mrdoob/three.js/dev/build/three.js” was
  blocked due to MIME type mismatch (X-Content-Type-Options: nosniff).

这些错误是在自动浏览器更新(Mozilla Firefox)后出现的,可能设置中有一些更改。您知道解决此问题的方法吗?


11
不要从GitHub加载文件,而是使用CDN。 - SLaks
16个回答

1

在将 Vite 从 v2.9.9 更新到 v4.1.4 后,我在 Vue 3 应用程序中遇到了这个错误。

在 Firefox 中清除缓存后(如何清除 Firefox 缓存),问题得以解决。


1

我曾因标签错误而遇到过这种情况。我错误地将js文件添加到link标签中。

例如:(错误的示例)

<link rel="stylesheet" href="plugins/timepicker/bootstrap-timepicker.min.js">

使用正确的标签javascript即可解决。例如:

<script src="plugins/timepicker/bootstrap-timepicker.min.js"></script>

0

查看HTTPS和HTTP协议

有时,如果您正在使用混合协议[这通常发生在JSONP回调中],您可能会遇到此错误。

确保网页和资源页面具有相同的HTTP协议。


0

app.static() 不会保留文件目录。例如:如果您使用 app.static('static/') 并链接到文件 <script src="/static/code.js"></script>,那么该文件将无法被找到,因为它正在查找错误的位置。将代码更改为 <script src="code.js"></script> 解决了我的问题。


你的回答可以通过添加额外的支持信息来改进。请[编辑]以添加更多详细信息,如引用或文档,以便其他人可以确认你的答案是否正确。你可以在帮助中心找到有关如何编写好答案的更多信息。 - Community

0

我遇到了一个问题,在 URL 参数中包含函数名时(Firefox 68)。

例如:https://.../test.html?concat(),其中 test.html

<!DOCTYPE html>
<html>
<script src="https://unpkg.com/mathjs/lib/browser/math.js"></script>
</html>

concatmath.js 中的一个函数。

我不知道为什么会发生这种情况。而且对于这个函数来说,它发生的最少,而其他一些函数则没有任何影响。

concat 和圆括号之间添加空格 https://.../test.html?concat () 可以解决问题。


-2

我在Django服务器中也遇到了同样的问题。所以我在settings.py文件中将DEBUG = True进行了更改,现在它可以正常工作了。


2
不应该在生产服务器上这样做。 - Davy

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接