如何向 Angular 应用程序发出 CORS HTTP 请求

Question

我有一个带有 PHP API 的 Angular 5 前端应用程序，位于不同的域上。大多数时候，前端应用程序从 API 请求数据。为此，我必须在 PHP (Laravel) 项目中添加一个 CORS 中间件类：

namespace App\Http\Middleware;

use Closure;

class Cors
{
    public function handle($request, Closure $next)
    {
        return $next($request)
            ->header('Access-Control-Allow-Origin', '*')
            ->header('Access-Control-Allow-Headers', 'Authorization, Origin, X-Requested-With, Content-Type, Accept')
            ->header('Access-Control-Allow-Methods', 'GET, POST, PUT, PATCH, DELETE, OPTIONS');
    }
}

然而，在少数情况下，我需要通过 PHP 生成一些 HTML，并且我想从 Angular 应用程序请求一些资产（例如图像和字体）。但是当我尝试这个时，我得到一个 CORS 错误。你能告诉我如何为我的 Angular 5 应用启用 CORS 请求吗？

Answer 1

您无法向客户端发出 CORS 请求。客户端发出请求。服务器做出响应。

如果在请求静态文件时收到与 CORS 相关的错误，则需要配置服务器以将适当的标头放入响应中。

由于 PHP 没有处理响应，因此您的中间件没有运行。所以你需要找到另一种方法。

那里有大量关于如何配置各种服务器以设置 HTTP 标头的文档（以及大量特定于 CORS 的文档），因此请确定您正在使用的 HTTP 服务器并查找如何操作。