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

时间:2019-08-29 02:09:59

标签: javascript css mime-types webpack-production

朋友们,我整天都在寻找解决方案,但是我无法解决。当我将其构建为生产环境时,在开发模式下(没有任何压缩和填充),它在localhost中运行良好,但是当我将文件放入dist文件夹并将其上传到托管服务器时,出现此错误:

  

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

我停止使用开头带有注释的CDN,并下载了代码并将其保存在本地并删除了所有注释。 (在这里,最容易接受的答案是,在缩小过程中,开始时的注释会混淆所有内容,但是即使这样做,我仍然会收到错误消息)

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

1 个答案:

答案 0 :(得分:0)

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


    //PHP code for get server url put it at top of in .php file

    $base_url = '://'. $_SERVER['HTTP_HOST'].'/'; //URL for server(CDN)
    $image_url = 'assets/image/';
    $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>