Абсолютных путей для ваших ресурсов достаточно:
<link rel="stylesheet" type="text/css" href="/project/style.css" >
<img src="/project/images/web/showreel.png" alt="Image1" />
Обратите внимание на символ /
в начале.Вам не нужны имя хоста и часть http.
Чтобы избежать различий в абсолютных URL между разработкой и производством, вы можете сделать простую вещь.Включите виртуальные хосты в конфигурации Apache и создайте виртуальный хост для каждого из ваших проектов.Таким образом, вам не нужно использовать эту структуру в вашей среде разработки:
http://localhost/project1
http://localhost/project2
, но вы можете использовать URL-адреса, подобные этим
http://project1/
http://project2/
Таким образом, ваша проблема решена иВы можете использовать URL-адреса как /images
для своих ресурсов.
Чтобы включить виртуальный хост для apache, вам нужно настроить DNS-настройку для своей машины, добавив эти строки в /etc/hosts
файл
127.0.0.1 project1
127.0.0.1 project2
и вам нужно будет создать соответствующих виртуальных хостов