Twitter跟踪像素导致MIME类型错误

Question

我试图在我的流星/NodeJS网站上加载推特的跟踪像素。

他们提供的代码是：

!(function(e, t, n, s, u, a) {
    e.twq ||
        ((s = e.twq = function() {
            s.exe ? s.exe.apply(s, arguments) : s.queue.push(arguments);
        }),
        (s.version = "1.1"),
        (s.queue = []),
        (u = t.createElement(n)),
        (u.async = !0),
        (u.src = "//static.ads-twitter.com/uwt.js"),
        (document.body.appendChild(u)));
   })(window, document, "script");

twq("init", "MY-TRACKING-ID");
twq("track", "PageView");

它可以正常加载，但在控制台中返回以下错误：

拒绝从“”执行脚本https://analytics.twitter.com/i/adsct?p_id=Twitter...'因为其MIME类型（'text/html'）不可执行，并且启用了严格的MIME类型检查。

这与以下问题完全相同：https://twittercommunity.com/t/analytics-tracking-pixel-error-was-blocked-due-to-mime-type-mismatch-x-content-type-options-nosniff/83583/2但是，虽然这个问题还没有解决，但他现在正在该网站上运行Twitter跟踪像素，这表明这是一个服务器配置问题。

看看代码，这是uwt。它从Twitter请求一个脚本https://analytics.twitter.com/i/adsct哪个Chrome阻止运行。

这个答案表明这可能是MIME类型配置问题（我正在运行Nginx）或者是头问题，但是删除X-Content-type-Options:nosniff并重新启动Nginx没有任何效果。

知道如何修复或更好地解决此问题吗？

Answer 1

TLDR：这个可怕的错误消息证明了Twitter实际上正在接收转换，所以谢天谢地，没有什么好担心的。

当按照Twitter的Google Tag Manager指令实现时，我会遇到同样的控制台错误。在我的情况下，清理饼干没有帮助。事实上，同样的错误出现在Twitter自己的帮助页面上！

这是缩小的uwt中的冒犯函数。js脚本，公开为twttr。转变buildPixel（）：

buildPixel: function(e) {
    var t = new Image;
    t.src = e
},

一旦设置了src属性，用户代理就会将对Image的请求排队，并且通常期望得到有效的映像响应。然而，Twitter的服务器提供Content ent-type： text/html； charset=utf-8作为响应头。

Chrome的最新版本显然不喜欢将text/html加载到Image的实例中，但可能会记录一个更好的错误消息，特别是因为响应还包括一个Content-Llong： 0标题表示没有什么可看的。