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

Question

我已将我的react应用程序部署到GCP的App引擎。它成功部署，并且可以访问登录页面。但是，所有路线均无效。所有路由都给出“ 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：从应用程序根目录到包含静态文件的目录的路径。匹配的网址格式结尾之后的所有内容都将附加到static_dir上，以形成请求文件的完整路径。
• static_files：静态文件模式处理程序将URL模式与通过应用程序上传的静态文件的路径相关联。 URL模式正则表达式可以定义在文件路径的构造中使用的正则表达式分组。您可以使用它而不是static_dir映射到目录结构中的特定文件，而无需映射整个目录。