vue.js - 缩小的 CSS 无法在 Azure 静态站点上正确呈现



我已经将一个静态vue.js网站部署到Azure:https://surgedemo.z16.web.core.windows.net/

开发版本在 OS X 上的 Chrome 和 Safari 中呈现良好,当我从 dist 目录提供生产版本时,生产版本也是如此。

但是,CSS似乎不是从网站上呈现的。我已经上传了具有正确哑剧类型的文件。

奇怪的是,当我使用 Chrome 开发人员工具从静态站点美化 CSS 时,它会呈现良好。

有什么想法吗?

谢谢!

看起来 mimetype 设置不正确:

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

在 Azure 上查看此内容。从其他用户体验来看,可能存在一些故障点,请检查以下提示:

好吧,知道了。不得不清除我的 Cdn 端点。它缓存了我的文件 当它的MIME类型设置为"应用程序/八位字节流"时。 基本上需要将其设置为"text/css",然后清除端点,以便 它从存储帐户获取新版本。

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

最新更新