时间戳

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

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

问题描述

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

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

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

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

标签： javascriptcssmime-typeswebpack-production

解决方案

我有一种解决问题的方法，但是您需要将您的 css 放在 style 标记下的 .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>

推荐阅读