Какие причины могут привести к повреждению или некорректному отображению CSS на Windows Server?

Привет. <br/> В вашей локальной сети находятся следующие устройства: <br/> (0). Роутер, который выполняет роль шлюза в глобальную сеть. <br/> (1). Входная машина на базе Windows Server 2012R2 с адресом (192.168.1.2). <br/> (2). Рабочая станция с настраиваемым веб-сервером, доступным по адресу (192.168.1.3:8000). <br/> <br/> Роутер перенаправляет все веб-запросы "из вне" на устройство (1), которое является прокси-сервером для (2). Оно также отвечает за редирект на шифрованный протокол и расшифровку данных. Ниже приведены настройки прокси и редиректа для этого устройства: <br/> <pre><code class="apache">&lt;rule name="ReverseProxyInboundRule1" stopProcessing="true"&gt;
                    &lt;match url="(.*)" /&gt;
                    &lt;action type="Rewrite" url="http://192.168.1.3:8000/{R:1}" /&gt;
&lt;/rule&gt;
&lt;rule name="redirectHTTPS" stopProcessing="true"&gt;
                    &lt;match url="(.*)" /&gt;
                    &lt;conditions&gt;
                        &lt;add input="{HTTPS}" pattern="^OFF$" /&gt;
                    &lt;/conditions&gt;
                    &lt;action type="Redirect" url="https://{HTTP_HOST}/{R:1}" /&gt;
&lt;/rule&gt;</code></pre> <br/> Вся настройка хорошо функционирует для первого сайта как из глобальной, так и из локальной сети. <br/> Адрес первого сайта: <br/> <b><a href="https://mySite.myDomen.org" rel="nofollow">https://mySite.myDomen.org</a></b> или <b><a href="http://192.168.3.1:8000" rel="nofollow">192.168.3.1:8000</a></b> <br/> <br/> Однако существует проблема с вторым сайтом. <br/> <b>Он не загружает стили в глобальной сети</b>, тогда как в локальной все работает исправно. <br/> Адрес второго сайта: <br/> <b><a href="https://mySite.myDomen.org/bugs" rel="nofollow">https://mySite.myDomen.org/bugs</a></b> или <b>
  • 9 октября 2024 г. 15:27
Ответы на вопрос 2
Проблемы с загрузкой стилей (CSS) на втором сайте могут быть вызваны несколькими причинами. Вот основные из них:

1. **Проблемы с правами доступа**:
   Убедитесь, что у веб-сервера (в данном случае на машине с адресом 192.168.1.3) есть права на чтение файлов стилей (CSS). Если права на файлы или директории настроены неправильно, внешние пользователи могут не иметь доступа к стилям.

2. **Ошибки в URL стилей**:
   Проверьте, правильно ли указаны URL для подключения CSS в вашем HTML-коде. Если указанные пути к CSS-файлам не соответствуют действительности, они не будут загружены. Например, если пути относительные, они могут работать в локальной сети, но не в глобальной из-за различий в структуре URL.

3. **Проблемы с прокси-сервером**:
   Убедитесь, что настройки прокси-сервера правильно обрабатывают запросы к CSS-файлам. Возможно, некоторые правила переписывания или редиректа не позволяют корректно получать стили. Например, если нет соответствующих правил для обработки запросов на CSS-файлы.

4. **Поддержка HTTPS**:
   Если ваш второй сайт работает по HTTPS, убедитесь, что все HTTP-запросы к CSS автоматически перенаправляются на HTTPS. В противном случае браузер может блокировать загрузку стилей, если они подаются без безопасного протокола (HTTP).

5. **Кэширование**:
   Проверьте, не сохраняются ли старые версии CSS в кэше браузера или прокси-сервера. Попробуйте очистить кэш браузера или использовать режим инкогнито, чтобы проверить, загружаются ли стили.

6. **Ошибки в файлах CSS**:
   Проверьте, нет ли ошибок в коде CSS, которые могут мешать его корректной интерпретации браузером. Например, некорректные пути к изображениям или синтаксические ошибки.

7. **Заголовки Content-Type**:
   Убедитесь, что сервер правильно устанавливает заголовок `Content-Type` для CSS-файлов. Он должен быть `text/css`. Неправильный заголовок может предотвратить их корректную загрузку.

8. **HTTP/HTTPS Mixed Content**:
   Проверьте, не загружаете ли вы ресурсы по HTTP на странице, которая загружается по HTTPS. Это может вызвать блокировку браузером, так как смешанное содержимое считается небезопасным.

Чтобы лучше диагностировать проблему, вы можете использовать инструменты разработчика в браузере (например, вкладка "Сеть" в Chrome DevTools), чтобы посмотреть, какие запросы к CSS-файлам выполняются, какие коды состояния возвращаются и есть ли какие-то ошибки. Это может дать вам подсказки о том, что идет не так.
Вероятно стили подключаются относительным путём 

<link href="style.css">

А следует использовать абсолютный

<link href="/style.css">
Похожие вопросы