vue.js - уменьшенный рендеринг CSS на статическом сайте Azure

Question

Я развернул статический веб-сайт vue.js в Azure: https://surgedemo.z16.web.core.windows.net/

Сборка dev прекрасно работает в Chrome и Safari на OS X, как и производственная сборка, когда я обслуживаю ее из дистрибутива.directory.

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

Странно, но когда я использую Chrome Developer Tools для предварительной настройки CSS со статического сайта, он затем хорошо отрисовывается.

Есть идеи?

Спасибо!

Answer 1

Похоже, что mimetype установлен неправильно:

$ curl https://surgedemo.z16.web.core.windows.net/css/app.dc7c3871.css -v 2>&1 | grep Content-Type
< Content-Type: text/plain

Просмотрите это на лазурном.Из другого пользовательского опыта могут быть некоторые возможные точки отказа, проверьте этот совет:

Хорошо, понял.Пришлось очистить мой Cdn Endpoint.Он кэшировал мой файл, когда для него был установлен тип MIME "application / octeet-stream".В основном необходимо установить для него значение «text / css», а затем очистить конечную точку, чтобы она получала свежую версию из учетной записи хранения.

source: https://social.msdn.microsoft.com/Forums/azure/en-US/a65eee29-e021-4d4d-9feb-490f5c89b7ea/troubles-with-azure-cdn-and-css-files?forum=azurecdn