1

正如您已经通过以下消息理解我的问题

Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost/EcoVis/user/css/style.css". login:5
Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost/EcoVis/user/css/navigation.css".

我在 Win7 64 位上使用 xampp。

使用以下 MVC 构建应用程序。我没有使用任何框架,只是为了更好地理解而从头开始构建。Apache 重写已打开,并且正在使用 .htaccess,以便将条目限制为仅 index.php。

##  Can be commented out if causes errors, see notes above.
Options +FollowSymLinks

#Folder indexing
Options -Indexes

#  mod_rewrite in use

RewriteEngine On

########## Begin - Rewrite rules to block out some common exploits
## If you experience problems on your site block out the operations listed below
#
## Deny access to extension xml files (uncomment out to activate)
#<Files ~ "\.xml$">
    #Order allow,deny
    #Deny from all
    #Satisfy all
#</Files>

#Secure access to php files except from index.php,proxy_get.php,proxy_post.php
<FilesMatch "\.php$">
    Order Allow,Deny
    Deny from all
</FilesMatch>
#Allow access only to index files of each folder.
<FilesMatch "^(index)\.php$">
    Order Allow,Deny
    Allow from all
</FilesMatch>


RewriteCond %{QUERY_STRING} mosConfig_[a-zA-Z_]{1,21}(=|\%3D) [OR]
# Block out any script trying to base64_encode crap to send via URL
RewriteCond %{QUERY_STRING} base64_encode.*\(.*\) [OR]
# Block out any script that includes a <script> tag in URL
RewriteCond %{QUERY_STRING} (\<|%3C).*script.*(\>|%3E) [NC,OR]
# Block out any script trying to set a PHP GLOBALS variable via URL
RewriteCond %{QUERY_STRING} GLOBALS(=|\[|\%[0-9A-Z]{0,2}) [OR]
# Block out any script trying to modify a _REQUEST variable via URL
RewriteCond %{QUERY_STRING} _REQUEST(=|\[|\%[0-9A-Z]{0,2})
# Send all blocked request to homepage with 403 Forbidden error!
RewriteRule ^(.*)$ index.php [F,L]


#  Uncomment following line if your webserver's URL
#  is not directly related to physical file paths.

# RewriteBase /


########## Core sef Section
# Index.php is the only gateway to the webapp
# If the request is for a real directory (one that exists on the server), index.php isn't served.
RewriteCond %{REQUEST_FILENAME} !-f
#If the request is for a file that exists already on the server, index.php isn't served.
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php?rt=$1 [L,QSA]

Index php 进行一些初始化并触发下面给出的主控制器。

<?php

/**
 * Controller decides where the next step will be.
 * Web server's RewriteEngine On is needed.
 * the rt from _GET['rt'] is defined in .htaccess
 *
 */

class controller extends baseController {
  
  public function load()
  { 
      /*  get the route from the url  */
      $route = (empty($_GET['rt'])) ? '' : $_GET['rt'];

      if (empty($route)) 
      {
        $controller = 'main';
        $action = NULL;
      } 
      else 
      {
        /*  decide the route  */
        $parts = explode('/', $route);
        switch ($parts[0]) {
          case 'uploaddata':
            $controller = 'uploaddata';
            $action = $parts[1];
            break;
          case 'exportdata':            
            break;
          case 'user':
            $controller = 'user';
            $action = $parts[1];
            break;            
          case 'about':
            break;
          default:
            break;
        } 
      }
      
          require_once __SITE_PATH . '/controller/controller_' . $controller . '.class.php';
          $controller = 'controller_' . $controller;
          $c = new $controller($this->registry);
          $c->load($action);          
  }
}

?>

然后是子控制器(如果跟随)。确切的工作由子控制器和加载的模板文件确定,该文件由 html 组成,但具有 php 扩展名。下面给出了从上传子控制器(按预期工作)加载的模板文件。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
      <title>Visualization of Economic Data</title>
      <link rel="shortcut icon" href="favicon.ico"/>
      <link href="css/style.css" rel="stylesheet" type="text/css" media="screen"/>
      <link href="css/navigation.css" rel="stylesheet" type="text/css" media="screen"/>
      <script type="text/javascript" src="scripts/jquery-1.9.1.min.js"></script>      
      <script type="text/javascript" src="scripts/uploaddata.js"></script>      
    </head>
    <body>
      <div id="main">
        <?php
          include(__SITE_PATH . '/views/header.php');
          include(__SITE_PATH . '/views/uploaddata.php');
          include(__SITE_PATH . '/views/footer.php');
        ?>
      </div>
    </body>
</html>

页面加载完毕后,按Ctrl-U查看页面代码,点击“css/style.css”,如下图,浏览器在新页面中加载css文件。这是我所期待的,并且正在发生。

  <link href="css/style.css" rel="stylesheet" type="text/css" media="screen"/>

坏消息现在开始。

当我的主控制器加载子控制器用户(用于登录、注销等)并加载登录模板(如下所示)时,我得到了我期望的所有 html 元素,但没有应用 css 方向。相反,我收到了页面顶部显示的消息。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
      <title>Visualization of Economic Data</title>
      <link rel="shortcut icon" href="favicon.ico"/>
      <link href="css/style.css" rel="stylesheet" type="text/css" media="screen"/>
      <link href="css/navigation.css" rel="stylesheet" type="text/css" media="screen"/>
    </head>
    <body>
      <div id="main">
        <?php
          include(__SITE_PATH . '/views/header.php');
          include(__SITE_PATH . '/views/login.php');
          include(__SITE_PATH . '/views/footer.php');
        ?>
      </div>
    </body>
</html>

再次检查代码并单击 css/style.css 加载一个新的空白页面,并调用服务器,输入由控制器处理的 css/style.css(逻辑类型为 text/html)。

我正在谷歌搜索,但找不到任何解决方案。Apache 配置正确(或不正确),因为它适用于上传部分。我在 .htaccess 文件中添加了以下行,但没有运气。

AddType text/css .css

关于发生了什么的任何想法?

4

4 回答 4

2

要解决 CSS 问题的这个问题,请检查在 bin/apache/apache version/ 文件夹中找到的文件夹中的 /conf/mime.types 文件。然后您想在这个时间搜索文件扩展名,以便稍后在 httpd.config 文件中使用 AddType 和 AddHandler 指令配置模块。httpd.config 文件看起来像这样

AddType text/CSS .css 
AddHandler text/css .css 

根据 mime.types 设置的媒体类型

路径也应该有一个像这样的“/”

"/styles/style.css" or "/style.css"

在 CSS 文件中也使用它

<?php header("Content-Type:text/css; charset: UTF-8"); ?>

只需将样式表链接到 php 文件 :)

于 2017-09-21T12:44:09.653 回答
1

如果在将“AddType text/css .css”添加到 httpd.conf 和 root .htaccess 并重新加载您的 apache 之后,我会将错误归因于路径的另一种可能性 - 路径区分大小写。

还要尝试从根目录开始的绝对路径,即使用“/css/styles.css”代替“css/styles.css”

于 2013-08-24T01:47:40.640 回答
1

检查您的/etc/apache2/apache2.conf 如果有任何SetHandler application/x-httpd-php行,请尝试对其进行评论,然后通过以下方式重新加载您的 apache$ sudo system apache2 reload

让我们知道问题是否仍然存在。

您还可以检查您的其他站点 ( /etc/apache2/sites-enabled/*.conf) 以确保它们都没有类似的线路。

于 2017-10-26T10:44:46.333 回答
0

我的错误:

资源解释为样式表,但使用 MIME 类型文本/纯文本传输:“”

使固定

1> 在 httpd.conf 添加

AddType text/CSS .css 
AddHandler text/css .css 

2>重置阿帕奇

于 2018-08-27T09:39:57.783 回答