如何允许CSS内容在Chrome本地Apache Web服务器中呈现?

时间:2019-01-16 23:36:56

标签: php apache xampp

我通过头部head.php将CSS文件(public / css / style.css)导入了我的About视图(views / about.view.php):

7 <link rel="stylesheet" type="text/css" href="/public/css/style.css">

但是我收到警告“资源被解释为样式表,但以MIME类型text / html传输”

我已使用该论坛作为指导:https://serverfault.com/questions/405229/apache-delivering-css-and-js-files-but-browsers-dont-render-them

我所采取的措施基于现有的论坛帖子,但不幸的是,事实证明该做法没有成功。在进行这些更改之前,我想先说一下我当前的相关环境。

我正在使用XAMPP启动Apache Web服务器。我的项目专用文件位于“ / php / php-practitioner /”,我已经用.htaccess文件重写了我的库,通过在浏览器“ localhost / about”中访问加载了我的HTML和PHP的文件,事实证明该文件可以成功运行内容,很好。

按照此答案,我在.htaccess文件中添加了以下代码:

3 AddType text/css .css
4 AddType text/javascript .js

完整的.htaccess文件

 1 RewriteEngine On
 2 RewriteBase /php/php-practitioner/
 3 AddType text/css .css
 4 AddType text/javascript .js
 5 RewriteRule ^.*$ index.php [END]

答案还指出,我需要确认.httpd.conf文件中的mod_mime是否已打开。通过确认“ LoadModule mime_module modules / mod_mime.so”旁边已经没有#符号,我已经确认了这一点。

重新启动服务器并再次加载该网页。但是警告仍然存在。

此解决方案无效,并且仍然出现相同的警告。

我的理解是,编辑.htaccess文件是特定于项目的,而编辑.httpd.conf文件会影响我使用XAMPP创建的每个项目。

我对stackoverflow社区的期望是有人指出我在论坛帖子解决方案的实现中存在缺陷,或者提出替代解决方案。感谢您的帮助:)

编辑:当我检查控制台时,警告会显示在Chrome浏览器中

目录:

C:xampp\htdocs
        |_dashboard
          |_...
        |_img
          |_...
        |_php
          |_php-practitioner (This is my project)
            |_controllers
              |_about.php
              |_about-culture.php
              |_contact.php
              |_index.php
            |_core
              |_...
            |_public
              |_css
                |_style.css
            |_views
              |_partials
                |_footer.php
                |_head.php
                |_nav.php
              |_about.view.php
              |_about-culture.view.php
              |_contact.view.php
              |_index.view.php
        |_webalizer
        |_xampp
          |_...
        |_.htaccess
        |_applications.html
        |_bitnami.css
        |_favicon.ico

1 个答案:

答案 0 :(得分:0)

TLDR;我将代码放在无法找到样式表的子目录中

您好,2019年,您将在Xampp / mampp / lampp上使用Windows用户。我有一个对我有用的修复程序,它将对您有用,并且与我们的环境设置有关。这是来自《 Laracasts教程》。 PHP Practitioner

对我来说这是一个突破点,我成功了,所以你也可以!

这与您复制jeffs代码并仍然得到404 OR的两个错误有关 您会收到错误“资源被解释为样式表,但以MIME类型text / html传输的资源”。

首先,您的.htaccess文件应如下所示:

RewriteEngine On
AddType text/css .css
AddType text/javascript .js
RewriteCond %{REQUEST_URI} !(\.css|\.js|\.png|\.jpg|\.gif|robots\.txt)$ [NC]
RewriteRule ^.*$ index.php [END]

第二个所有项目文件必须1000%转到位于以下位置的htdocs文件夹:C:\ xampp \ htdocs

最后,如果您在此之后遇到任何其他错误,请给我发送电子邮件至roman.ozerski@icloud.com,我会亲自为您提供帮助