html - 找不到处理程序引用的错误静态文件 : dist/api/landing for Angular App deployed on Google Cloud

Question

请帮忙，我没有部署经验，我已经尝试了好几天，请耐心等待。谢谢。

我一直在开发一个带有 Flask 后端的 Angular 应用程序，两者都可以在本地正常工作，我需要部署它们。服务器是用 flask 编写的，可以通过 Postman 访问。该页面从“https://apt-trainer-279210.uc.r.appspot.com/”正确呈现，但在 API 调用上调用“api/landing”到我的服务器时未找到错误 404。转到 GAE 上的日志，我看到错误。

Static file referenced by handler not found: dist/api/landing

我猜它在上面的路径中寻找文件，但它应该调用我的服务器。下面是我的 app.yaml 文件:

runtime: python27
api_version: 1
threadsafe: true
handlers:
 - url: /
   static_files: dist/index.html
   upload: dist/index.html
 - url: /
   static_dir: dist

skip_files:
 - e2e/
 - node_modules/
 - src/
 - coverage
 - ^(.*/)?\..*$
 - ^(.*/)?.*\.json$
 - ^(.*/)?.*\.md$
 - ^(.*/)?.*\.yaml$
 - ^LICENSE

另请注意，在我代理到服务器的 Angular 应用程序中:

 {
  "/api": {
  "target": "http://civil-planet-279210.uc.r.appspot.com" ,
  "secure": true,
  "logLevel": "debug",
  "changeOrigin": true,
  "pathRewrite": {
  "^/api/*": ""
 }

}

A Similar question也已发布，但当我的服务器在 python flask 中时用户正在使用 Cloud Endpoints。我无法使用该解决方案。

不确定我是否应该为 python 服务器发布 app.yaml，因为它工作正常。

非常感谢您的帮助。

Answer 1

据我了解，这是按预期工作的。根据the documentation关于 header 元素，我们可以在 url 部分找到:

The URL pattern has some differences in behavior when used with the following elements:

static_dir

Uses a URL prefix. The regular express pattern should notcontain groupings when used with the static_dir element. All URLs thatbegin with this prefix are handled by this handler, using the portionof the URL after the prefix as part of the file path.

因此调用 .../api/landing 将使用相同的逻辑:“使用前缀后的 URL 部分作为文件路径的一部分。”

我不确定您的意图是什么，但我认为您应该为要调用的功能创建处理程序。

顺便说一句，您使用的是 Python 2，目前还不推荐也不支持。我会考虑移民。您可以在 documentation 的每一页顶部看到它.