GAE 上具有自定义域的 Angular 应用程序对于静态文件返回 404

Question

我有一个 Angular 应用程序。 我已经把它部署到GAE了。 它适用于默认的 GAE 生成的 URL

https://<service>-dot-<app>.oa.r.appspot.com/

。 我的静态 Angular 应用程序正在渲染，并且应用程序运行 100%。

我已链接一个由 GoDaddy 托管的自定义域。 DNS 已根据 GAE 提供的详细信息进行设置，并且处于活动状态。 证书通过 Google 管理。

当我访问我的自定义域（我们将其称为“custom.ai”）时，将呈现index.html。但是，Angular 生成的所有静态 *.css 和 *.js 文件都会在控制台中给出 404 错误。 所以我可以看到我的应用程序的背景颜色，但没有内容，因为找不到 *.js 和 *.css 文件。即使在尝试查看

https://custom.ai/assets/images/image.png

时，我也会收到未找到错误： 在此服务器上找不到请求的 URL /assets/images/rospen-logo.png。

我已经尝试过

app.yaml

、

dispatch.yaml

、IAM 权限、DNS 设置，但我似乎无法解决此问题。 如果有人可以提供任何指导，我们将不胜感激。 我不知道在哪里可以解决这个问题。

供参考，这是我的

app.yaml

文件：

runtime: python312
service: angular

default_expiration: "60s"

handlers:
- url: /assets
  static_dir: dist/assets

- url: /(.*\.(css|js|html|png|jpg|jpeg|gif|ico))
  static_files: dist/\1
  upload: dist/(.*\.(css|js|html|png|jpg|jpeg|gif|ico))
  secure: always

- url: /.*
  static_files: dist/index.html
  upload: dist/index.html
  secure: always

Answer 1

@manneJan89 - 我遇到了同样的问题。想知道您是否能够解决这个问题，如果可以，您最终是如何解决的？我有一个类似的配置，但使用的是 Node.js 服务器而不是 Python 服务器。