gpt4 book ai didi

css - 外部 CSS 文件未在浏览器中加载

转载 作者:行者123 更新时间:2023-11-28 10:21:06 27 4
gpt4 key购买 nike

所以首先,我想说我是编程新手,所以如果我没有尽快跟上,请原谅我。

现在,最近几天我遇到了一个困扰我的问题,我到处寻找解决方案。

我正在使用 WAMP 服务器配置。在我开始使用 CSS 之前,一切都运行良好。我有一个外部 CSS 文件。

当我在 Dreamweaver 中查看我的 HTML 页面时,我发现它已正确连接到该 CSS 文件。我可以在设计 View 中看到正在应用的样式。但是,当我在浏览器中查看页面时,Firefox 说(在错误控制台中)无法加载 .css 文件,因为它的 MIME 类型是 text/html 而不是 text/css。

所以我认为这是服务器配置问题。我所做的是以下内容:我进入 .HTACCESS 文件并添加了以下行:AddType 文本/css .css

重启我的服务器后,还是没有解决问题。出于某种原因,浏览器一直将我的 css 文件读取为 html 文件。知道这里可能出了什么问题吗?

这是我试图在浏览器中加载的文件的头部(它实际上是一个 Smarty 模板):

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../htdocs/css/styles.css" type="text/css" media="all" />
</head>

另请注意,我正在使用 Zend 框架进行编码。这是我的 .HTACCESS 文件:

重写引擎开启

重写条件 %{SCRIPT_FILENAME} !-f

重写条件 %{SCRIPT_FILENAME} !-d

重写规则 ^(.*)$ index.php/$1

AddType 文本/css .css

所以我听取了 DA 的建议,在浏览器中查看页面时单击查看页面源代码,然后单击指向我的 CSS 文件的链接。这就是它向我展示的内容:

当我点击链接时,我看到了这个:

<br />
<font size='1'><table class='xdebug-error' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Fatal error: Uncaught exception 'Zend_Controller_Dispatcher_Exception' with message 'Invalid controller specified (error)' in C:\shaancode\www\phpweb20\htdocs\Zend\Controller\Dispatcher\Standard.php on line <i>248</i></th></tr>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Zend_Controller_Dispatcher_Exception: Invalid controller specified (error) in C:\shaancode\www\phpweb20\htdocs\Zend\Controller\Dispatcher\Standard.php on line <i>248</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>

<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0006</td><td bgcolor='#eeeeec' align='right'>382488</td><td bgcolor='#eeeeec'>{main}( )</td><td title='C:\shaancode\www\phpweb20\htdocs\index.php' bgcolor='#eeeeec'>..\index.php<b>:</b>0</td></tr>
<tr><td bgcolor='#eeeeec' align='center'>2</td><td bgcolor='#eeeeec' align='center'>0.0892</td><td bgcolor='#eeeeec' align='right'>4748936</td><td bgcolor='#eeeeec'>Zend_Controller_Front->dispatch( )</td><td title='C:\shaancode\www\phpweb20\htdocs\index.php' bgcolor='#eeeeec'>..\index.php<b>:</b>42</td></tr>
</table></font>

最佳答案

href="../htdocs/css/styles.css"

htdocs 目录通常是 webroot。因此,虽然这是本地文件系统上的完美路径,但一旦您通过网络服务器访问它,../ 就会被忽略,因为您已经位于本地部分的顶部。然后没有 htdocs 所以路径的其余部分应该是 404。

出于某种原因,Zend 正在发送它的“指定的 Controller 无效(错误)”(意思是“我找不到我被要求的东西”和 200 OK 状态代码,所以浏览器说“这是一个 HTML 文档”,而不是“在那里找不到任何东西”。

从 URL 中删除 ../htdocs/ 部分。

关于css - 外部 CSS 文件未在浏览器中加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5307480/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com