React 应用程序在部署到 GCP 时出现 404 错误

Question

我已将我的 react 应用部署到 GCP 的应用引擎。它成功部署并且可以访问登录页面。然而，这些路线都不起作用。所有路线都给出“404”错误。 我很确定它的 app.yaml 配置有问题。请帮忙！

app.yaml

runtime: nodejs10

handlers:
- url: /
  static_files: build/index.html
  upload: build/index.html

- url: /
  static_dir: build

Answer 1

问题是您同时使用static_files 和static_dir 到您的/ 网址。

您需要使用static_files 或static_dir。

从您的问题描述看来，您想使用static_dir 来匹配url: / 之后目录中的所有内容。

如文档中所述：

• static_dir：从应用程序根目录到包含静态文件的目录的路径。匹配的 url 模式结束后的所有内容都附加到 static_dir 以形成请求文件的完整路径。
• static_files：静态文件模式处理程序将 URL 模式与应用程序上传的静态文件的路径相关联。 URL 模式正则表达式可以定义用于构建文件路径的正则表达式分组。您可以使用它而不是 static_dir 来映射到目录结构中的特定文件，而无需映射整个目录。