Почему мой веб-сайт не отображается правильно, когда к нему обращаются через другой компьютер в той же локальной сети

Проверьте ваши CSS и JavaScript URL. Возможно, вам придется переключить их с относительных на абсолютные ссылки, поскольку похоже, что маршрутизация URL-адресов отличается в зависимости от того, как вы пытаетесь получить доступ к сайту.

Самый простой способ сделать это - посмотреть на ресурсы, которые браузер пытается загрузить с помощью инструментов Firebug или Developer (вкладка «Ресурсы»). Убедитесь, что ваши таблицы стилей загружаются правильно (вы должны быть в состоянии выбрать их и просмотреть содержимое). Если они не принадлежат вам, или вы видите ошибку на вкладке ресурсов, проверьте URL-адрес, который просматривает браузер, и убедитесь, что это правильный URL-адрес.

Я готов поспорить, что ваш браузер ищет таблицы стилей по IP-адресу вашей локальной сети, но он должен искать IP-адрес в глобальной сети.

Ваш роутер неправильно выполняет "шпильку NAT". Многие дешевые домашние шлюзы имеют глючный код NAT, который не делает это правильно.

Похоже, у вас уже правильно настроены функции сопоставления портов вашего маршрутизатора (так называемая «переадресация портов») или DMZ (так называемый «хост по умолчанию», «базовый хост» и т. Д.), Поскольку со стороны WAN маршрутизатора, когда вы указываете браузер на общедоступный IP-адрес WAN маршрутизатора, вы получаете страницу с веб-сервера.

Но если вы находитесь во внутренней сети, когда вы подключаетесь к общедоступному IP-адресу WAN вашего маршрутизатора, вы все равно должны получить страницу своего веб-сервера, а не страницу администратора вашего маршрутизатора. Если ваш маршрутизатор хочет обслуживать свою страницу администратора при подключении к порту 80 по его частному IP-адресу NAT, это нормально. Но не на общедоступный IP-адрес в глобальной сети.

Когда вы работаете с клиентом на частной стороне NAT и пытаетесь получить доступ к веб-серверу напрямую через его частный IP-адрес NAT, он может нормально загрузить первый HTML-файл на основе URL-адреса типа " http: //192.168. 0.254 / ", но когда браузер загружает файл CSS и изображения, он, вероятно, формирует URL-адреса, например" http://mydomain.com/styles.css ", что означает публичный IP-адрес WAN вашего маршрутизатора, который из-за Ваш глючный маршрутизатор означает, что веб-сервер администрирования вашего маршрутизатора сам перехватывает эти запросы, и у него нет этих ресурсов, поэтому происходит сбой.

Вам нужны относительные ссылки, а не абсолютные ссылки. Так что вместо этого в вашем html:

<link rel="stylesheet" type="text/css" href="http://example.com/mysite.css" /> <img src="http://example.com/images/someimage.png" alt="Some Image" /> 

Вам нужно, чтобы это выглядело так:

<link rel="stylesheet" type="text/css" href="/mysite.css" /> <img src="/images/someimage.png" alt="Some Image" /> 

Он пытается загрузить вашу тему из-за пределов вашей сети, используя ваше доменное имя (то есть: site.com)

Простое решение - отредактировать файл / etc / hosts и добавить

IP.OF.LOCAL.WEBSERVER site.com sitehostname