拒绝应用来自 '<URL>' 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查答案

【问题标题】：Refused to apply style from '<URL>' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled拒绝应用来自 '<URL>' 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查
【发布时间】：2020-01-02 06:02:55
【问题描述】：

朋友们，我花了一整天的时间寻找解决方案，但我无法解决它。当我为生产构建它时，我得到了这个，在开发模式下（没有缩小和东西）它在 localhost 中运行良好，但是当我在 dist 文件夹中获取我的文件并将它们上传到托管服务器时，我得到了这个错误：

拒绝应用来自'<URL>' 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。

我停止使用开头有 cmets 的 CDN，下载代码并将其保存在本地并删除了所有 cmets。（这里最被接受的答案是，当缩小过程发生时，一开始的 cmets 会搞砸一切，但即使这样做，我仍然会得到错误）

我们将不胜感激任何帮助。谢谢。

【问题讨论】：

您必须为页面提供“X-Content-Type-Options”标头。你用的是什么服务器？您需要将其配置为使用正确的 mime 类型提供 CSS 文件或关闭此标头。
伙计，我正在使用 webpack-dev-server 进行开发，但是当我将“dist”文件夹的文件上传到我的虚拟主机服务器“000.webhost.com”时，它会抛出这个错误。所以，我不知道什么服务器使用“000.webhost.com”。 :(请启发我。
您使用的是什么网络主机？必须有一种方法来配置它为静态文件发送的标头和 MIME 类型。

标签： javascript css mime-types webpack-production

【解决方案1】：

我有一种解决问题的方法，但是您需要将您的 css 放在 .php 文件中的样式标记下。

//获取服务器url的PHP代码将它放在.php文件的顶部 $base_url = '://'。 $_SERVER['HTTP_HOST'].'/'; //服务器的URL（CDN） $image_url = '资产/图像/'; $url_for_image_dir = $base_url.$image_url;

HTML 内容

<html>
    <head>
        <title>css for url</title>                    
    </head>
    <body>
        <style>
            .slider-image{  background-image: url("<?php echo $url_for_image_dir;?>embouchure.jpg"); }
        </style>
        <div class="slider-image"></div>
    </body>
</html>

【讨论】：