Apache - CSS n'a pas de lien sur ma page web

0

La question

J'ai configuré un serveur web, et donc quand j'ai accès à mon localhost, un bash le script s'exécute et fait écho à un document HTML pour le navigateur peut le rendre. Cela fonctionne correctement.

Je vais avoir des difficultés à faire le travail CSS. Il continue à jeter GET http://172.20.10.6/css/styles.css net::ERR_ABORTED 500 (Internal Server Error) dans la console lors de l'accès à la page web.

J'ai un dossier nommé webserver (/var/www/webserver) et à l'intérieur du dossier que j'ai un index.sh que prévoit le code HTML avec succès et un dossier css avec l' styles.css fichier.

C'est le .conf fichier pour mon hôte virtuel:

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

Et c'est ainsi que j'ai le lien de mon fichier CSS dans le HTML:

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

Mais alors, l'erreur 500 est livré, que puis-je faire?

MODIFIER

C'est les journaux d'erreur que je reçois quand accède à la page 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/

J'ai donc pensé qu'il était tout au sujet des autorisations et exécuté chmod 777 css/styles.css et redémarré le serveur.

Maintenant l'erreur que je reçois par le biais de la console est: Failed to load resource: the server responded with a status of 500 (Internal Server Error) et dans error.log fichier:

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/

J'ai aussi essayé d'ajouter AddType text/css .css ligne dans un .htaccess fichier ou dans la .conf fichier du serveur web sans succès. Aussi, j'ai mime.load et headers.load mods activés dans /etc/apache2/mods-enabled.

Plein 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

On dirait que vous avez une erreur dans votre code HTML, fixer la ligne suivante dans votre code

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

Merci de partager plus de détails tels que d'autres puissent apprendre de votre réponse. Est-ce réellement résoudre le message d'erreur jeté sur le chargement du fichier CSS? Si oui, comment cela fonctionne?
Nico Haase

J'ai pensé qu'il aurait été évident. Vous ne pouvez pas fermer une balise html DIV avec une balise de TITRE. En html si vous ouvrez une balise DIV, vous devez le fermer avec une balise DIV.
MikeMoy

Dans d'autres langues

Cette page est dans d'autres langues

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