Firefox 警告 404 脚本“text/html 不是有效的 JavaScript MIME 类型”

Question

我在 chrome 中得到了

404 not found

的缓存文件，但在 mozila 中却是 :

来自“https://sqa.micro-logic.ca/wp-content/cache/autoptimize/js/autoptimize_c25390e0b7b5140a1757c102b959bd63.js”的脚本已加载，即使其 MIME 类型（“text/html”）不是有效的 JavaScript MIME 类型。

在这两种浏览器中，此错误都会阻止加载我的其他脚本并破坏我的整个页面。第二个（mozila）是什么意思？我没有找到修复它的方法。谢谢！

Answer 1

问题在于您尝试加载指定 URL 处不存在的脚本。服务器返回错误页面，因此脚本未加载。

Firefox 还会警告您它收到了 HTML 页面（错误页面）而不是脚本。这不应该影响页面上的其他脚本（除非它们依赖于加载失败的脚本）。

您应该修复 URL，以便它返回正确的脚本。

Answer 2

如果您使用的是 nginx，我的解决方案位于“/var/sites-variables”中的“root”中，其中应定义为前端构建文件夹的路径，而不是前端文件夹。

server {
    listen 80;
    server_name ${IP};

    root /path/to/your/front-end/build/dist;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }

    location /api/ {
        proxy_pass http://127.0.0.1:8000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }

}