ปูมบันทึกของ apache-CSS ไม่ได้เชื่อมโยงไปยังหน้าเว็บของฉัน

0

คำถาม

ฉันปรับแต่งเว็บเซิร์ฟเวอร์แล้วตอนที่ผมเข้าถึงของฉัน localhost,เป็น bash สคริปต์วิ่งและโมงเป็นเอกสาร HTML ดังนั้นเบราว์เซอร์สามารถจัดการพามันไป มันทำงานอย่างถูกต้อง

ฉันกำลังมีปัญหาเรื่องให้ CSS ทำงาน มันทำให้การโยน GET http://172.20.10.6/css/styles.css net::ERR_ABORTED 500 (Internal Server Error) ในคอนโซลตอนที่เข้าถึงหน้าเว็บ.

ฉันมีโฟลเดอร์ที่ชื่อ webserver (/var/www/webserverและภายในโฟลเดอร์ผมต้องการ index.sh มันใช้สำหรับให้ข้อมูลแบบ HTML เรียบร้อยแล้วและเป็นโฟลเดอร์ css กับ styles.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>

และนี่คือสิ่งที่ฉันเชื่อมโยงของแฟ้ม CSS ของในแบบ HTML:

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/

ฉันก็ต้องพยายามที่จะเพิ่ม AddType text/css .css เส้นใน .htaccess แฟ้มหรือไม่ไปไว้ในห้ .conf แฟ้มของเว็บเซิร์ฟเวอร์โดยที่ไม่มีความสำเร็จ แล้วก็ฉัน mime.load แล้ว headers.load mods เปิดใช้งานอยู่ /etc/apache2/mods-enabled.

เต็ม 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

ดูเหมือนว่าคุณมีข้อผิดพลาดเกิดขึ้นระหว่างในของ HTML รหัสได้แก้ไขต่อไปนี้สายในรหัสของคุณ

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

ได้โปรดแบ่งปันมากกรายละเอียดเรื่องนั้นคนอื่นสามารถเรียนรู้ได้จากคำตอบของคุณ เรื่องนี้จริงๆแก้ไขข้อผิดพลาดข้อความกโยนลงในการโหลดแฟ้ม CSS ขอ? ถ้าใช่มันทำงานยังไง
Nico Haase

ฉันคิดว่ามันคงจะชัดเจนมาก คุณไม่สามารถปิด html DIV ป้ายกำกับกับหัวเรื่องป้ายกำกับ ในแบบ html ถ้าคุณเปิด DIV ป้ายกำกับคุณต้องปิดมันด้ว DIV ป้ายกำกับ
MikeMoy

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

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

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่