React应用部署至Google App Engine后陷入崩溃循环求助

修复步骤 #

• 校验app.yaml配置：Create React App作为单页应用，需要正确配置静态资源映射和路由重定向，避免资源请求循环。参考配置如下：

  runtime: nodejs18
  handlers:
    # 映射静态资源目录
    - url: /static
      static_dir: build/static
    # 匹配所有静态文件后缀
    - url: /(.*\.(ico|json|js|css|png|jpg|svg))$
      static_files: build/\1
      upload: build/(.*\.(ico|json|js|css|png|jpg|svg))$
    # 重定向所有非静态请求到index.html
    - url: /.*
      script: auto
      secure: always
  

• 确认build产物完整性：部署前必须执行npm run build，检查build目录根路径下是否存在favicon.ico——public目录下的文件会被自动复制到build根目录，若缺失需重新执行构建。
• 清理App Engine缓存：部署后缓存可能导致旧配置生效，可通过命令gcloud app versions delete [目标版本号]移除旧版本，或在Google Cloud控制台强制刷新应用缓存。
• 直接验证资源可访问性：访问https://[你的应用域名]/favicon.ico，若返回404则说明资源未被正确映射，需重新检查配置和构建产物。

内容的提问来源于stack exchange，提问作者Matthieu