如何使CORS HTTP請求到Angular App

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服務器並查找如何執行此操作。