我也遇到了同样的问题，用同样的。htaccess文件来创建漂亮的url。经过几个小时的观察和实验。我发现这个错误是因为相对链接的文件。

浏览器将开始为所有css, js和图像文件获取相同的源HTML文件，当我将浏览几个步骤深入到服务器。

为了解决这个问题，你可以在HTML源代码上使用<base>标签，

<base href="http://localhost/assets/">

链接到这样的文件，

<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="js/script.js"></script>

或者对所有文件使用绝对链接。

<link rel="stylesheet" type="text/css" href="http://localhost/assets/css/style.css" />
<script src="http://localhost/assets/js/script.js"></script>
<img src="http://localhost/assets/images/logo.png" />

I faced the same issue while configuring Postfix Admin 3.2. According to the official documentation, the whole Postfix Admin content should be extracted into a separate directory, i.e. /srv/postfixadmin and not the document root. Only the /srv/postfixadmin/public directory should be symlinked into /var/www/html document root. I have just extracted the whole content into /var/www/html. Having played with Nginx server block settings, I managed example.com/postfixadmin resolving from /var/www/html/postfixadmin/public. Nevertheless, images and CSS were not available with 404 status code. The stylesheets were broken. I got the error message OP quoted with respective 404 entries in access log.

在我的情况下，我只是移动/var/www/html/postfixadmin到/srv/postfixadmin和ln -s /srv/postfixadmin/公共/var/www/html/postfixadmin。这完全解决了问题。 这是参考资料。

我在恢复一个旧的MEAN堆栈项目时遇到了同样的问题。我使用nodemon作为我的本地开发服务器，得到了相同的错误资源解释为样式表，但使用MIME类型text/html传输。我从nodemon更改为http-server，可以在这里找到。它立刻对我起了作用。

使用ReactJs，当我添加样式文件到index.html使用相对链接，如

<link rel="stylesheet" href="./css/style.css"> .

然后我导航到一条路线，说;localhost:3000/artist和刷新，我得到错误。

错误消失后，我取代相对链接与绝对链接说;

<link rel=“stylesheet” href=“http://localhost/project/public/css/style.css”。

当我从谷歌CDN提供的css样式表的css链接中删除协议时，就发生了这种情况。

这不会产生错误:

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Architects+Daughter">

但是这会给出错误资源解释为样式表，但传输MIME类型text/html:

<link rel="stylesheet" href="fonts.googleapis.com/css?family=Architects+Daughter">

我开始得到这个问题今天只在chrome和safari相同的项目/url为我的goormide容器(node.js)

在尝试了上面的几个建议之后，它们似乎不起作用，并且回溯了我从昨天到今天所做的一些代码更改，这也没有什么区别，我最终在chrome设置中单击:

1.设置;

2.向下滚动至底部，选择:“高级”;

3.向下滚动到底部，选择:“恢复设置到原始默认值”;

这似乎已经解决了这个问题，因为我不再在控制台中得到警告/错误，页面显示为它应该。阅读上面的帖子，似乎这个问题可以从任何数量的来源发生，所以设置重置是一个潜在的通用修复。 干杯