Apache - CSS no es un enlace a mi página web

0

Pregunta

He configurado un servidor web así que cuando puedo acceder a mi localhost, un bash secuencia de comandos se ejecuta y se hace eco de un documento HTML para que el navegador puede hacerla. Esto funciona correctamente.

Estoy teniendo problemas para hacer el CSS de trabajo. Mantiene tirar GET http://172.20.10.6/css/styles.css net::ERR_ABORTED 500 (Internal Server Error) en la consola cuando se accede a la página web.

Tengo una carpeta con el nombre webserver (/var/www/webserver) y dentro de la carpeta que tengo un index.sh que proporciona el código HTML con éxito y una carpeta css con el styles.css archivo.

Este es el .conf archivo de mi host virtual:

<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>

Y así es como me de un enlace de mi archivo CSS en el HTML:

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

Pero entonces el error 500 viene, ¿qué puedo hacer?

EDITAR

Este es el error de los registros que tengo cuando accede a la página web:

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/

Así que yo pensaba que era todo acerca de los permisos y ejecutado chmod 777 css/styles.css y se reinicia el servidor.

Ahora el error a través de la consola es: Failed to load resource: the server responded with a status of 500 (Internal Server Error) y en error.log archivo:

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/

También he probado a añadir AddType text/css .css línea en un .htaccess archivo o en la .conf archivo del servidor web sin ningún éxito. También, he mime.load y headers.load mods habilitado en /etc/apache2/mods-enabled.

Completo index.sh:

#!/bin/bash

echo -e "Content-type: text/html\n\n"

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>"
apache bash css
2021-11-23 12:53:12
1
0

Parece ser que tiene un error en su código HTML, arreglar la siguiente línea en el código

<div class="title">Log in</title>
2021-11-24 07:47:11

Por favor compartir más detalles que otros puedan aprender de su respuesta. Esto realmente resolver el mensaje de error lanzado en cargar el archivo CSS? Si sí, ¿cómo funciona esto?
Nico Haase

Pensé que habría sido obvio. No se puede cerrar un html etiqueta DIV con una etiqueta de TÍTULO. En html si abre una etiqueta DIV que usted debe cerrar con una etiqueta DIV.
MikeMoy

En otros idiomas

Esta página está en otros idiomas

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Slovenský
..................................................................................................................