Файлы .svg и .png загружаются как текст/html ⇐ Html

[Anonymous]

Я сталкиваюсь с проблемой с путями изображения в моем локальном проекте веб -сайта, размещенном на Raspberry Pi с использованием Apache2. Веб -сайт представляет собой школьный проект, и я использую общий Navbar, загруженный через JavaScript. Проблема заключается в том, что значки (в частности SVG) не загружаются правильно, когда навигация вводится через JavaScript, но do загружается, когда доступ к HTML, содержащему Navbar, доступна напрямую. Это сработало совершенно нормально при размещении сайта локально на ПК с Windows. Вот снимок экрана сетевой ошибки в инструментах разработчика браузера: https://i.sstatic.net/tfye0ijj.png написано (например, Homepage.html ). Когда я перемещаюсь непосредственно к самим файлам Navbar (например, Main/usernavbar.html ), значки загружаются нормально.
Вот соответствующий фрагмент кода, который пытается загрузить изображение В NAVBAR: < /p>


User Login

< /code>
Дерево файлов: < /p>
project/
├── admin/
│ ├── addUser.html
│ ├── deleteUser.html
│ ├── editUser.html
│ └── adminNavBar.html
├── login/
│ ├── adminLogin.html
│ ├── userLogin.html
│ └── loginNavBar.html
├── main/
│ ├── homePage.html
│ ├── detailedPage.html
│ ├── historyPage.html
│ └── userNavBar.html
├── scrips/
│ ├── loadLoginContent.js
│ ├── loadAdminContent.js
│ └── loadMainContent.js
├── icons/
│ └── person_8342b8.svg
├── styles.css
├── index.html
└── .htaccess
< /code>
i (с использованием ИИ) попытались исправить это, включив вещи в Apache2 -Верд ">
Options Indexes FollowSymLinks
AllowOverride All
Require all granted

< /code>
и 000-default.conf: < /p>

Options Indexes FollowSymLinks MultiViews
AllowOverride All
Require all granted

< /code>
и добавление .htaccess: < /p>
AddType image/svg+xml .svg
AddType image/png .png
< /code>
Я надеюсь, что кто -то может помочь мне с этим, так как я не могу найти решение онлайн или с использованием AI.
заранее! < /p>

Подробнее здесь: https://stackoverflow.com/questions/794 ... -text-html