Slim 2中CORS配置GET正常POST异常，寻求解决方案

我之前也踩过Slim 2处理跨域POST请求的坑，结合你的情况，给你几个实用的排查和解决方向：

1. 必须优先处理OPTIONS预检请求 #

浏览器发送POST（尤其是带自定义头或JSON格式的POST）前，会先发送OPTIONS预检请求，Slim 2默认不会自动处理这个请求，导致预检失败，后续POST也会被拦截。你需要在Slim实例初始化之前就拦截OPTIONS请求：

// 在index.php最开头添加
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
    // 设置CORS头
    header('Access-Control-Allow-Origin: *');
    header('Access-Control-Allow-Headers: X-Requested-With, Content-Type, Accept, Origin, Authorization');
    header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS');
    header("HTTP/1.1 200 OK");
    exit();
}

注意：这段代码一定要放在$app = new Slim();之前，确保OPTIONS请求不会进入Slim的路由逻辑，直接返回成功响应。

2. 手动解析JSON格式的POST请求体 #

Angular 5的HttpClient默认发送JSON格式的POST数据，但Slim 2不会自动解析application/json类型的请求体，导致你在路由里用$request->post()获取不到参数，看起来像是POST请求没被处理。可以添加一个全局中间件来解析JSON：

$app->add(function ($request, $response, $next) {
    if ($request->isPost() && strpos($request->getHeaderLine('Content-Type'), 'application/json') !== false) {
        // 读取并解析JSON请求体
        $rawBody = file_get_contents('php://input');
        $parsedBody = json_decode($rawBody, true);
        
        if ($parsedBody !== null) {
            $request = $request->withParsedBody($parsedBody);
        }
    }
    return $next($request, $response);
});

之后在路由里就可以用$request->getParsedBody()来获取JSON参数了。

3. 规范CORS头的设置 #

你的CORS头写法里冒号后有空格（比如Access-Control-Allow-Origin : *），虽然部分浏览器兼容，但最好去掉空格，保持规范格式。同时要确保这些头在任何输出之前设置，比如不能在路由响应里才设置，要放在index.php最开头，避免因为意外输出（比如代码开头的空格、换行）导致头无法生效。

4. 检查前端请求的细节 #

• 确认Angular的POST请求是否正确设置了Content-Type：如果是JSON数据，HttpClient会自动设置application/json，无需手动修改；如果是表单数据，要使用FormData并设置Content-Type: multipart/form-data。
• 如果请求带了自定义头，要确保Access-Control-Allow-Headers里包含对应的头名称，否则预检请求会失败。

5. 利用浏览器控制台排查问题 #

打开浏览器开发者工具的Network面板：

• 查看OPTIONS请求的响应状态码是否为200，如果是404或500，说明OPTIONS请求没被正确处理。
• 查看POST请求的响应头是否包含正确的CORS头，以及响应体是否有错误提示（比如参数解析失败的信息）。

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