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

на 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-адреса, но теперь я просто пытаюсь сделать некоторые быстрые обновления на странице, и я не могу правильно ее просматривать на своем локальном хосте.

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

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

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

 C:/xampp/htdocs 

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

 C:/xampp/htdocs/exampleSite 

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

ЗАМЕТКА:

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

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

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