我配置了一个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.load
和headers.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>