首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用MIME类型text/html传输的样式表

使用MIME类型text/html传输的样式表
EN

Stack Overflow用户
提问于 2013-04-12 18:36:07
回答 4查看 9.9K关注 0票数 1

你应该已经通过下面的消息理解了我的问题

代码语言:javascript
代码运行次数:0
运行
复制
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".

我在64位的Win7上使用xampp。

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

代码语言:javascript
代码运行次数:0
运行
复制
##  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进行一些初始化并触发下面给出的主控制器。

代码语言:javascript
代码运行次数:0
运行
复制
<?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扩展名。从upload子控制器加载的模板文件(按预期工作)如下所示。

代码语言:javascript
代码运行次数:0
运行
复制
<!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文件。这是我期望发生的事情,而且它正在发生。

代码语言:javascript
代码运行次数:0
运行
复制
  <link href="css/style.css" rel="stylesheet" type="text/css" media="screen"/>

坏消息现在开始。

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

代码语言:javascript
代码运行次数:0
运行
复制
<!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作为输入,该css/style.css由控制器处理(逻辑类型为text/html)。

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

代码语言:javascript
代码运行次数:0
运行
复制
AddType text/css .css

你知道是怎么回事吗?

EN

回答 4

Stack Overflow用户

发布于 2017-09-21 20:44:10

要解决CSS问题,请检查bin/apache/apache version/文件夹中的/conf/mime.types文件。然后,您希望在此时搜索文件扩展名,以便稍后在httpd.config文件中使用AddType和AddHandler指令配置模块。httpd.config文件将如下所示

代码语言:javascript
代码运行次数:0
运行
复制
AddType text/CSS .css 
AddHandler text/css .css 

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

另外,路径应该有一个"/“,如下所示

代码语言:javascript
代码运行次数:0
运行
复制
"/styles/style.css" or "/style.css"

也可以在CSS文件中使用它

代码语言:javascript
代码运行次数:0
运行
复制
<?php header("Content-Type:text/css; charset: UTF-8"); ?>

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

票数 2
EN

Stack Overflow用户

发布于 2013-08-24 09:47:41

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

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

票数 1
EN

Stack Overflow用户

发布于 2017-10-26 18:44:46

检查您的/etc/apache2/apache2.conf如果有任何SetHandler application/x-httpd-php行,尝试注释它,然后通过$ sudo system apache2 reload重新加载您的apache

如果问题仍然存在,请让我们知道。

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15969148

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档