php - 调用图像时 laravel 直接路径中的 Cors Origin

Question

现在我使用 laravel 5.2 作为 webserivce 和 angular2 作为首页构建 web 应用程序我使用来自 http://cdn.pannellum.org 的 VR 库我的问题当我从我的数据库(如 mywebsite.com/public/Images/photo7.png)调用 Iamge 链接时回复我这条信息

'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:5565' is therefore not allowed access.

但是我在开始项目以从 laravel 和 angular 传输数据之前处理了这个问题但是当我从直接路径调用我的图像时返回给我这条消息

Answer 1

Laravel 5 (L5):在我的项目中，当我返回图像(文件)并想避免 CORS 时，我使用以下代码(我在没有测试的情况下手动更改了一点，但它应该工作):

private function responseFile($filePath, $fileMimeType,  $originalFileName) {

    $headers = array(
        'Content-Type' => $fileMimeType,
        //'Content-Disposition' => 'attachment; filename="'. $attachment->org_name . '"', - this header is added automaticaly
        "Access-Control-Allow-Origin" => request()->getSchemeAndHttpHost() // allow CORS (e.g. for images)
    );

    return response()->download($filePath, $originalFileName, $headers);
}

在此解决方案中，您根本不需要触摸 apache .htaccess 文件(或 nginx 配置文件)(如果您这样做会导致 header 重复错误)——因为在这种情况下我们使用所谓的Simple CORS request .

您还可以阅读 this answer以避免可能导致该 CORS 错误的其他问题。