GCP App Engine / Angular - 加载模块脚本失败：服务器响应了 "text/html" 的非 JavaScript MIME 类型

Question

我正在尝试使用 App Engine 在 Google 云平台上托管一个 Angular 应用程序。问题是在我成功部署它之后，我可以访问它大约 2-3 分钟，点击刷新并没有收到 HTTP 错误 404，但是在这 2-3 分钟之后我在 [=46 中收到以下错误=]（同事在他们的机器上也收到同样的错误）：

我尝试使用以下方法构建我的 angular 应用程序：

ng build --prod
ng build --prod --base-href sep6-app

Angular 应用文件夹结构：

- dist/
  - sep6-app/
  - app.yaml

我的app.yaml:

runtime: python27
api_version: 1
threadsafe: true

handlers:

- url: /.*
  static_files: sep6-app/index.html
  upload: sep6-app/index.html

- url: /.*
  static_dir: sep6-app

在 GCP 内部，我的存储桶包含：

- app.yaml
- sep6-app/

有一件事，如果我像这样设置 URL 里面的 app.yaml，然后重新部署：

- url: /
  static_files: sep6-app/index.html
  upload: sep6-app/index.html

- url: /
  static_dir: sep6-app

我可以毫无问题地访问我的应用程序，但是如果我刷新任何页面，我会收到 404 错误，据我所知，这是由于 Angular 处理路由的方式所致。但是我不明白为什么“- url: /.*” 会在短时间内工作然后停止？

我正在使用（以备不时之需）：

Angular CLI: 9.1.7
Angular: 9.1.9

关于为什么会发生这种情况以及如何解决这个问题有什么想法或想法吗？谢谢！

Answer 1

通过使用以下 app.yaml 设法让它工作：

runtime: python38
service: default

handlers:
- url: /(.*\.(gif|png|jpg|less|json|woff|woff2|ttf|eot|scss|css|js|ico|svg)(|\.map))$
  static_files: sep6-app/
  upload: sep6-app/(.*)(|\.map)
- url: /(.*)
  static_files: sep6-app/index.html
  upload: sep6-app/index.html

GCP App Engine / Angular - 加载模块脚本失败：服务器响应了 "text/html" 的非 JavaScript MIME 类型

GCP App Engine / Angular - Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html"

google-app-engine

mime-types

app.yaml

google-cloud-platform

angular