在App Engine PHP Flex上部署SPA与PHP API同站点服务的问题

当然可以实现！你遇到的问题是因为之前的配置把所有请求都导向了SPA的index.html，导致API请求也被当成前端路由处理，所以返回404。只要通过app.yaml的路由规则区分SPA和API的请求路径，就能完美解决这个问题。

正确的app.yaml配置 #

直接用下面的配置替换你现有的文件，就能实现需求：

runtime: php
env: flex
service: default

# 根目录指向public，和你的目录结构匹配
document_root: public

# 路由规则：区分API和SPA请求
handlers:
  # 所有/api/开头的请求交给PHP API处理
  - url: /api/.*
    script: api/index.php
  # 其他所有请求交给SPA的index.html，支持前端路由
  - url: /.*
    script: index.html

配置说明 #

• document_root: public：告诉App Engine你的静态文件和脚本都在public目录下，和你的目录结构完全对应。
• 第一条handler规则：匹配所有以/api/开头的请求，把它们转发到api/index.php，这样PHP-FPM会处理这些请求，执行你的API逻辑。
• 第二条handler规则：匹配剩下的所有请求，转发到index.html，确保SPA的前端路由（比如/dashboard、/profile这类路径）能正常工作，不会返回404。

目录结构确认 #

确保你的项目目录结构和下面一致：

你的项目根目录/
├── app.yaml
└── public/
    ├── index.html  # SPA的入口文件
    └── api/
        └── index.php  # API的入口文件

部署和测试 #

1. 用gcloud app deploy命令部署你的应用。
2. 测试访问：
   • 访问mywebsite.com：应该能正常加载你的SPA。
   • 访问mywebsite.com/api/（或者具体的API接口路径，比如mywebsite.com/api/get-data）：应该能返回PHP API的响应，不再是404。

这样就能同时在同一个域名下提供SPA服务和PHP API了！

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