Почему сайт отображается некорректно?

Question

[valgerofficial]

Имеется сайт. после выгрузки файлов на сервер, почему то не прогружаются стили и скрипты. Полностью удалял все файлы и перезаписывал полностью. Но сайт оставил старые стили, чистил кэш браузера.. но проблема не только у меня оказывается. В чем может быть дело?

Comments

[Алексей Уколов]

У меня всё ок, никаких ошибок загрузки.

[Михаил Р.]

Ошибок в консоли и networks нет, все пути рабочие. Что конкретно не так?

[Виктор]

все подгружается 404ых нет

[valgerofficial]

Михаил Р., Дело в том что он не загружает обновленный файл main.css, а отображает старый.

[Михаил Р.]

valgerofficial, нам, чтобы ответить на Ваш вопрос нужно угадать, какой был старый main.css? Поставьте себя на наше место и переформулируйте вопрос.

[valgerofficial]

Михаил Р., https://lc56.ru/123/ - Вот, когда я заливаю сайт в другую дерикторию. Всё работает.

Answer 1

[Михаил Р.]

Файл закэширован, попробуйте изменить:
<link rel="stylesheet" href="./app/css/main.css">
на

<link rel="stylesheet" href="./app/css/main.css?v=1">

Comments

[valgerofficial]

А что означает - ?v=1 ?

[Михаил Р.]

valgerofficial,

А что означает - ?v=1 ?

Это get параметр, где v - это ключ, а 1 - значение. Условно, v это - version, т.е. версия файла, которая отправляет на сервер, и если сервер не настроен на игнор подобных параметров, то он заново подключит этот файл (обновит кэш). Это помогает не изменять названия файлов, при этом сбрасывать кэш, если код файл изменился. Просто увеличиваем версию 1, 1.1, 1.2, 2 итп.

Если используется сборщик, то по умолчанию, там компилируются и подключаются файлы формата main.3hjfh4l72.css, где 3hjfh4l72 - это укороченный contenthash файла (более надежный способ сброса кэша лишь для измененных элементов), например:

[szQocks]

valgerofficial, параметр запроса, можешь изменить название файла, тоже поможет

Answer 2

[Алексей Уколов]

Дело в том что он не загружает обновленный файл main.css, а отображает старый.

Просто у вас этот файл кэшируется на год, а при изменении файла url никак не меняется и браузер не понимает, что его надо перезагрузить.

чистил кэш браузера

Вот это маловероятно, что не помогло.

Хотя, у вас это через Cloudflare сервится, может, там ещё что-то кэшируется у них.

Answer 3

[Геннадий]

Добавьте в ссылку на файл стилей get-параметр. Тогда стили прогрузятся не из кеша и, если дело в нём, всё у вас заработает.

<link rel="stylesheet" href="./app/css/main.css?v2">