Относительные ссылки XAMPP работают неправильно

Question

на http://www.exampleSite.com/aPage.php, следующее изображение загружается корректно

<img src="/images/sidenav/analysis-2.gif" />

но в http://localhost/exampleSite/aPage.php, он пытается получить localhost / images / ... вместо localhost / exampleSite / images /...

Моя файловая структура:

C: \ XAMPP \ HTDOCS \ exampleSite \

У меня была эта проблема во многих проектах, и ранее я прибегал к абсолютным URL-адресам, но сейчас я просто пытаюсь сделать несколько быстрых обновлений на странице и не могу правильно их просмотреть на своем локальном хосте.

Answer 1

Если вы не хотите портить атрибуты src на своем веб-сайте, вы можете изменить директивы конфигурации.

Вы можете переместить его, отредактировав настройку DocumentRoot в C:\xampp\apache\conf\httpd.conf.

В настоящее время должно быть установлено:

C:/xampp/htdocs

Измените его на:

C:/xampp/htdocs/exampleSite

и ваша относительная ссылка как <img src="/images/sidenav/analysis-2.gif" /> должна работать нормально.

Примечание:

• Не забудьте перезапустить сервер XAMPP после внесения изменений.
• После этих изменений ваш ведущий / всегда будет направлять в папку exampleSite. Если вы решите сменить корневой каталог позже, повторите процедуру для выбранной корневой папки.

Answer 2

Удалите первый /, чтобы он стал

<img src="images/sidenav/analysis-2.gif" />