我对这个CORS有点麻烦 . Angular 4在localhost:4200上运行,而Slimframework在localhost:8080上运行 .
我的前端HTTP请求:
....
createPartner(partner: Partner): Observable<Partner> {
let headers = new Headers({ 'Content-Type' : 'application/json'});
let options = new RequestOptions({ headers: headers });
return this.http.post(this.regUrl, partner, options)
.map((res: Response) => {
return res.json();
})
.catch(this.handleError);
}
....
我的中间件:
....
$app->add(function($request, $response, $next) {
$route = $request->getAttribute("route");
$methods = [];
if (!empty($route)) {
$pattern = $route->getPattern();
foreach ($this->router->getRoutes() as $route) {
if ($pattern === $route->getPattern()) {
$methods = array_merge_recursive($methods, $route->getMethods());
}
}
} else {
$methods[] = $request->getMethod();
}
$response = $next($request, $response);
return $response->withHeader("Access-Control-Allow-Methods", implode(",", $methods));
});
我将 "determineRouteBeforeAppMiddleware" => true,
添加到我的设置数组中 .
浏览器的(chrome)控制台说:
XMLHttpRequest无法加载http://lvh.me/api/partner . 因此,不允许对预检请求的响应进行访问 - 控制 - 允许 - 原点' header is present on the requested resource. Origin ' http://localhost:4200' .
我做错了什么,伙计们? :/
编辑:
忘记了后端URI的8080端口,现在我添加了新错误:
OPTIONS http://lvh.me:8080/api/partner net::ERR_CONNECTION_REFUSED
2 回答
通过向Slim框架middlware添加
Access-Control-Allow-Origin
,Access-Control-Allow-Methods
和Access-Control-Allow-Headers
解决了skype .将以下内容添加到您的htaccess中以允许使用cors,
资料来源:https://gist.github.com/maxparm/3105526