'http://localhost:8080'已被CORS策略Laravel8阻止

Question

当我使用HTML2Canvas评估图像时，我得到了这个错误。

CORS策略阻止从来源“http://localhost:8080”访问位于“http://testdomain.com/storage/images/products/user_front.png”的映像：请求的资源上没有“Access-Control-Allow-Origin”标头。

下面是我的cors配置。

return [
    'paths' => ['api/*', 'sanctum/csrf-cookie'],
    'allowed_methods' => ['*'],
    'allowed_origins' => ['*'],
    'allowed_origins_patterns' => [],
    'allowed_headers' => ['*'],
    'exposed_headers' => [],
    'max_age' => 0,
    'supports_credentials' => false,
];

有人能帮我吗？

Answer 1

Html to canvas使用DOM中的元素，这就是为什么它需要公用文件夹中的cors，但laravel不支持这一点，它只支持带有API的cors。您需要更改配置文件。

如果您正在使用nginx，请使用以下命令：

location /storage/ {
    add_header 'Access-Control-Allow-Origin' '*';
}

阿帕奇：

<IfModule mod_headers.c>
    <FilesMatch "\.(bmp|cur|gif|ico|jpe?g|png|svgz?|webp|pdf)$">
        Header set Access-Control-Allow-Origin "*"
    </FilesMatch>
</IfModule>