Apache-CSS没有链接到我的网页



我配置了一个web服务器,因此当我访问本地主机时,会运行一个bash脚本并回显HTML文档,以便浏览器能够呈现它。这是正确的。

我在使CSS工作时遇到了问题。它在访问网页时不断在控制台中抛出GET http://172.20.10.6/css/styles.css net::ERR_ABORTED 500 (Internal Server Error)

我有一个名为webserver(/var/www/webserver(的文件夹,文件夹中有一个成功提供HTML的index.sh和一个包含styles.css文件的文件夹css

这是我的虚拟主机的.conf文件:

<VirtualHost *:80>
ServerAdmin user@localhost
ServerName Test
ServerAlias Test
DocumentRoot /var/www/webserver
ScriptAlias "/" "/var/www/webserver/"
<Directory "/var/www/webserver">
AllowOverride None
Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
Order allow,deny
Allow from all
</Directory>
<Directory "/var/www/webserver/css">
<Files *.css>
Header set Content-type "text/css"
</Files>
</Directory>
<IfModule dir_module>
DirectoryIndex index.sh
</IfModule>
ErrorLog ${APACHE_LOG_DIR}/error.log
CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

这就是我在HTML:中链接CSS文件的方式

echo "<link rel="stylesheet" type="text/css" href="css/styles.css">"

但是500错误来了,我该怎么办?

编辑

这是我访问网页时得到的错误日志:

AH01215: (13)Permission denied: exec of '/var/www/webserver/css/styles.css' failed: /var/www/webserver/css/styles.css, referer: http://172.20.10.6/
End of script output before headers: styles.css, referer: http://172.20.10.6/

所以我认为这一切都与权限有关,于是执行了chmod 777 css/styles.css并重新启动了服务器。

现在我通过控制台得到的错误是:Failed to load resource: the server responded with a status of 500 (Internal Server Error),在error.log文件中:

AH01215: (8)Exec format error: exec of '/var/www/webserver/css/styles.css' failed: /var/www/webserver/css/styles.css, referer: http://172.20.10.6/
End of script output before headers: styles.css, referer: http://172.20.10.6/

我还尝试在.htaccess文件或web服务器的.conf文件中添加AddType text/css .css行,但没有成功。此外,我在/etc/apache2/mods-enabled中启用了mime.loadheaders.load模块。

完整index.sh:

#!/bin/bash
echo -e "Content-type: text/htmlnn"
echo "<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Server Manager</title>
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
<header>
</header>
<nav class="menu">
<ul>
<li class="menu-item">
<span></span>
<div class="menu-item-text">Manage tasks</div>
</li>
<li class="menu-item selected">
<span></span>
<div class="menu-item-text">Monitoring</div>
</li>
<li class="menu-item">
<span></span>
<div class="menu-item-text">Logs</div>
</li>
<li class="menu-item">
<span></span>
<div class="menu-item-text">Users</div>
</li>
<li class="menu-item">
<span></span>
<div class="menu-item-text">Packet handler</div>
</li>
<li class="menu-item">
<span></span>
<div class="menu-item-text">Schedule tasks</div>
</li>
<li class="menu-item">
<span></span>
<div class="menu-item-text">Music</div>
</li>
</ul>
</nav>
<div class="content">
<div class="title">Log in</title>
</div>
</body>
</html>"

看起来HTML代码中有错误,请修复代码中的以下行

<div class="title">Log in</title>

最新更新