由于 mime 不匹配，资源被阻止

Posted

技术标签:

【中文标题】由于 mime 不匹配，资源被阻止【英文标题】：the resource was blocked due to mime mismatch 【发布时间】：2021-03-21 04:02:01 【问题描述】：

我在尝试使用 jquery 获取 oembed 的 spotify 时收到一条错误消息

来自“https://open.spotify.com/oembed?format=json&url=https%3A//open.spotify.com/album/1YwzJz7CrV9fd9Qeb6oo1d&maxwidth=564&maxheight=564&callback=351037342674900972994_1607536811060&_10681607”的资源被阻止MIME 类型（“application/json”）不匹配（X-Content-Type-Options: nosniff）。

如你所见，url是正确的，它返回了url的JSON

有没有办法绕过这个错误？

【问题讨论】：

【参考方案1】：

为什么要使用 jQuery？只需像这样添加一个 iframe：

<iframe src="https://open.spotify.com/embed/album/1YwzJz7CrV9fd9Qeb6oo1d" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

【讨论】：

我正在使用oembed动态创建iframe 那么你应该编辑你的问题并添加相关代码

以上是关于由于 mime 不匹配，资源被阻止的主要内容，如果未能解决你的问题，请参考以下文章

的资源已被阻止，因为 MIME 类型不匹配的资源已被阻止，因为 MIME 类型不匹配

由于 Heroku 上的 MIME 类型不匹配，脚本被阻止

谷歌，火狐提示来自"http://xxx.com/file"的资源已被阻止，因为 MIME 类型("text/plain")不匹配(X-Content-Type

由于 mime 类型不匹配，IE9 脚本响应被阻止

由于 MIME 类型不匹配，功能被阻止（X-Content-Type-Options: nosniff）

由于 MIME 类型（“text/html”）不匹配（X-Content-Type-Options: nosniff）而被阻止