Google Cloud App Engine 的 MIME 类型问题

Question

我在谷歌云应用引擎上托管一个 NodeJS 应用程序。 利用 Vite 和 Vue3 以及 Vite 的原生 SSR。 目前，该应用程序适用于 google 子域：<domain>.appspot.com。 但是，当我尝试使用我映射到的域时，即：domain.com，它显示此错误：

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

有时它似乎随机工作，但是，大多数时候它会产生 mime 类型错误。 对于 JavaScript 和 CSS 文件都会发生这种情况，这些文件作为具有 HTML 内容的文件提供。

类似问题： MIME 类型与 Google App Engine 不匹配

这是我第一次在这里发帖，所以请让我知道是否还有其他需要补充的内容。

一些注意事项

• 我注意到 mime 类型问题只出现在索引页（所以 domain.com/）上，而不出现在像 domain.com/test 这样的页面上。
• 运行生产服务器（构建和服务）没有任何问题
• 由于我使用的是 Vue Router，我注意到首先将页面加载为 domain.com/test，然后移至 domain.com。 所以vue渲染index页面的时候没有mime问题。
• 我还使用express.static来提供 static 个文件，而不是使用 App Engine 处理程序配置。 我试过从 express 切换到从 App Engine 提供 static 服务，但效果也不是很好。

编辑经过一番调查，似乎找不到文件。 我假设这是 Google Cloud 如何获取文件的问题。 会持续更新。

Answer 1

我还发现，今天我的应用程序在使用express下载 PDF 预览时停止提供正确的内容类型 header。 所以，用最简单的

return res.writeHead(200, {
  'Content-Disposition': `inline;filename=filename.pdf`,
  'Content-Type': 'application/pdf'
}).send();

我在请求它时得到text/html ，不管它在本地调试机器上完全没问题，它昨天确实工作了。 可能是 App Engine 方面的一些更新？

Answer 2

我好像解决了这是谷歌云缓存“索引”路由的问题。

res
            .status(200)
            .set({ "Content-Type": "text/html" })
            .set({
                etag: false,
                lastModified: false,
            })
            .end(HTML);

^ 我现在在提供路由时使用了该代码，因此它将确保谷歌云不会缓存页面并尝试获取旧的 css/js 文件。

参考： Google App Engine，index.html 在 express/react 应用程序中部署后缓存