使用MIME类型text/html传输的样式表
你应该已经通过下面的消息理解了我的问题
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。
## 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扩展名。从upload子控制器加载的模板文件(按预期工作)如下所示。
<!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作为输入，该css/style.css由控制器处理(逻辑类型为text/html)。
我到处搜索，但我找不到任何解决方案。Apache配置正确(或不正确)，因为它适用于上传部分。我在.htaccess文件中添加了以下行，但没有成功。
AddType text/css .css你知道是怎么回事吗？
回答 4
Stack Overflow用户
发布于 2017-09-21 12:44:10
要解决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文件:)
Stack Overflow用户
发布于 2013-08-24 01:47:41
如果在将"AddType text/css .css“添加到httpd.conf和根.htaccess并重新加载您的apache之后，我会将错误归因于路径-路径区分大小写。
还要尝试根目录中的绝对路径，即使用"/css/styles.css“代替"css/styles.css”。
Stack Overflow用户
发布于 2017-10-26 10:44:46
检查您的/etc/apache2/apache2.conf如果有任何SetHandler application/x-httpd-php行，尝试注释它，然后通过$ sudo system apache2 reload重新加载您的apache
如果问题仍然存在，请让我们知道。
您也可以检查您的其他站点(/etc/apache2/sites-enabled/*.conf)，以确保它们都没有类似的行。
https://stackoverflow.com/questions/15969148
复制
相似问题
在nodejs和镜像上使用HTML5
NodeJS + Websockets + HTML5视频标签和‘流媒体’
通过nodejs服务html5
NodeJS + HTML5 + Telnet =可能吗？
NodeJS和HTML5 Websockets不能一起工作
领取专属 10元无门槛券
AI混元助手 在线答疑
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
