Google App Engine 提供具有错误 mime 类型的静态 CSS 文件

Question

我一直致力于在 Google App Engine 上托管一个新网站。我一直在将我的应用部署到一个开发项目中，它托管在这里：

开发：https://herdboss-dev.appspot.com/

它工作正常。

但是，当我采用完全相同的代码并将其部署到我的另一个项目中，该项目将成为真正的生产网站时，它以 application/octet-stream 而不是 text/css 的形式提供一些 css，因此这些文件不是t 被浏览器解析，所以我几乎所有的 css 都不能在生产站点上工作：

制作：https://herdboss-prod.appspot.com/

更奇怪的是，一些 css 被正确提供。 /css/normalize.css 被用作text/css，但/css/site.css 被用作application/octet-stream。

https://herdboss-prod.appspot.com/css/normalize.css

https://herdboss-prod.appspot.com/css/site.css

https://herdboss-prod.appspot.com/js/jquery-ui-1.12.1.custom-theme/jquery-ui.min.css

我的 app.yaml 有一个用于 css 文件的静态处理程序：

- url: /css
  static_dir: css
  secure: always

我也尝试添加一个 mime_type，但这并没有改变任何东西：

- url: /css
  static_dir: css
  mime_type: 'text/css'
  secure: always

编辑：

在试验过程中，我将我的 site.css 切成两半并部署，然后它开始正常服务。然后我恢复了完整大小的 site.css，已部署......现在它仍然可以正常服务。

但我的 jquery-ui.min.css 仍然用作八位字节流。这太疯狂了。

编辑2：

而且它还在为我的 svg 提供错误的 mime 类型。

在 GAE 中，mime 打字完全被破坏了吗？如果是这样，为什么它在我的 dev gae 上工作？

Answer 1

我的解决方案是：

1. 复制有问题的文件并重命名
2. 更改一个字节（否则不会上传/更新）
3. 验证它是否作为样式表下载
4. 在您的 html 中使用重命名、更改的 css 文件
5. 等待原件正确送达：大约 24 小时后问题自行解决

GAE 问题跟踪器上有一个问题：https://issuetracker.google.com/issues/186012458

最初，我测试了一种解决方法，但这种解决方法在一天后就失效了：我修改了我的 HTML 以从版本服务器加载样式表，基本上是跨站点的 (hxxps://VERSION-dot-SERVER.appspot.com/static /stylesheet.css）。版本服务器提供了正确的 mime 类型......但只提供了一段时间。

我怀疑问题是由于极其罕见的竞争条件（上传期间的缓存访问/刷新？）导致的 MIME 类型错误。根本不可能欺骗 Google 前端来刷新文件。即使附加 .../styles.css?x=1 或切换回旧代码版本也不会触发刷新。

文件和它们的 mime 类型似乎是根据它们的哈希值存储的，因此即使只是重命名文件，重新上传具有相同内容的文件也没有效果。如果您部署具有重复文件的版本，您将看到“已上传 0 个文件”消息。它必须更改和重命名。

Answer 2

我确实检查了您的两个网站：https://herdboss-prod.appspot.com/、https://herdboss-prod.appspot.com/

我可以看到您有几个 CSS 文件：normalize.css、jquery-ui.min.css、base-min.css、grids-min.css、grids-responsive-custom.css、css?family=Open +无， site.css, ie-is-terrible.css, css_compiled.css.

它们都正确地用作 Type: stylesheet

如果您遇到此问题，我建议您进行以下测试：

1. 在 Developer Console > Network 中检查内容类型，使用 Disable Cache > And reload page 选项。如果有帮助：清理浏览器缓存。
2. 在不同的浏览器中检查页面的内容，因为根据渲染引擎的不同，内容可能会有不同的解释。
3. 如果 1 和 2 不起作用，而您使用的是 nginx，则很可能是配置问题。更改文件 /etc/nginx/conf.d/default.conf。将 /etc/nginx/mime.types 放在“http”部分：

http / {
    include /etc/nginx/mime.types;
    default_type application/octet-stream;
    ....
}  

如果仍然无法正常工作，请将其移至位置部分

location / {
 include       /etc/nginx/mime.types;
 ...
}