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

时间:2018-10-01 15:28:41

标签: javascript css azure vue.js

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

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

但是,似乎没有从网站上渲染CSS。我已经上传了具有正确MIME类型的文件。

奇怪的是,当我使用Chrome开发者工具从静态站点中美化CSS时,它可以正常显示。

有什么想法吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

好像没有正确设置mimetype:

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

在天蓝色下查看此内容。从其他用户的经验来看,可能存在一些故障点,请检查以下提示:

  

好的,知道了。不得不清除我的Cdn端点。它已经缓存了我的文件   当它的MIME类型设置为“ application / octeet-stream”时。   基本上需要将其设置为“ 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