我已经将一个静态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