浏览器在Angular 4中发送'OPTIONS'请求而不是GET / POST [重复]

Question

浏览器正在向跨域发送 API 请求中的 OPTIONS 而不是 GET/POST 请求。我在后端使用 Laravel 5.4，在前端使用 Angular 4

我在 routeMiddleware 中添加了 Cors：

return $next($request)
       ->header('Access-Control-Allow-Origin', '*')
       ->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');

api.php（路由）：

Route::group(['middleware' => ['cors']], function(){
    Route::post('login', 'ApiController@login');
    Route::post('register', 'ApiController@register');
    Route::post('userInfo', 'ApiController@get_user_details');
});

可能的解决方案是什么？

Answer 1

浏览器总是发送OPTIONS请求，这实际上是一个预检请求，是一个安全测量。当服务器理解这个请求并以 200 代码响应时，浏览器将实际请求（使用真正的方法 GET、POST 等）发送到服务器。

您的服务器需要了解如何回复预检请求（使用 OPTIONS 方法的请求）。

在这里你可以找到如何在 nodeJS 服务器中实现这一点

module.exports = function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "*");
  res.header("Access-Control-Allow-Methods", "GET, POST", "PUT", "DELETE");

  next();
};