REACTJ + SlimPhP 上的 CORS 错误
CORS errors on REACTJ + SlimPhP
我在 PHP 中遇到 Api 的一些问题,邮递员的所有测试都已通过,但是当我尝试将它与我的 ReactJS api 集成时,仅在 POST 登录路径上,它向我发送 CORS 错误
跨源请求被阻止:同源策略不允许读取位于 http://127.0.0.1/select_api/v1/login 的远程资源。 (原因:CORS请求没有成功)
中间件 CORS(PHP):https://gist.github.com/marciowelben/af29ee7b28cb52f7bc2a5f5672e9b18d
反应剂:https://gist.github.com/marciowelben/eab681f23102ee353d6e4b16b835265b
解决方案
在实现服务器时,即使使用中间件,我也需要在允许的方法上设置选项。
我使用了 Tuupola 中间件
https://github.com/tuupola/cors-middleware
并设置
$app->add(new Tuupola\Middleware\CorsMiddleware([
"origin" => ["*"],
"methods" => ["GET", "POST", "PUT", "PATCH", "DELETE", "OPTION"],
"headers.allow" => [],
"headers.expose" => [],
"credentials" => false,
"cache" => 0,
]));
我在 PHP 中遇到 Api 的一些问题,邮递员的所有测试都已通过,但是当我尝试将它与我的 ReactJS api 集成时,仅在 POST 登录路径上,它向我发送 CORS 错误
跨源请求被阻止:同源策略不允许读取位于 http://127.0.0.1/select_api/v1/login 的远程资源。 (原因:CORS请求没有成功)
中间件 CORS(PHP):https://gist.github.com/marciowelben/af29ee7b28cb52f7bc2a5f5672e9b18d
反应剂:https://gist.github.com/marciowelben/eab681f23102ee353d6e4b16b835265b
解决方案
在实现服务器时,即使使用中间件,我也需要在允许的方法上设置选项。
我使用了 Tuupola 中间件
https://github.com/tuupola/cors-middleware
并设置
$app->add(new Tuupola\Middleware\CorsMiddleware([
"origin" => ["*"],
"methods" => ["GET", "POST", "PUT", "PATCH", "DELETE", "OPTION"],
"headers.allow" => [],
"headers.expose" => [],
"credentials" => false,
"cache" => 0,
]));