访问静态文件时出现跨域请求被阻止错误答案

【问题标题】：Cross-Origin Request Blocked error when accessing static files访问静态文件时出现跨域请求被阻止错误
【发布时间】：2020-10-14 10:12:06
【问题描述】：

我正在使用 Laravel 开发一个 api，在 react 前端我想通过 api 读取一个 pdf 文件，但它给了我这个错误：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

这是我的 cors.php (fruitcake / laravel-cors 包)

<?php

return [

    'paths' => ['*'],

    'allowed_methods' => ['*'],

    'allowed_origins' => ['*'],

    'allowed_origins_patterns' => [],

    'allowed_headers' => ['*'],

    'exposed_headers' => false,

    'max_age' => false,

    'supports_credentials' => false,

];

Cors 会在这种情况下帮助我吗，或者存储链接文件夹是否需要一些其他配置才能正常工作？我该如何解决这个错误？

【问题讨论】：

如果您的 API 出现错误，也会发生这种情况。
可能，但 api 在直接链接上正确返回数据。我认为 pdf 文件返回错误，因为其他 api 路由正常工作（用于显示数据和图像）。

标签： laravel cors

【解决方案1】：

或者您可以尝试添加以下内容： header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Methods: *'); header('Access-Control-Allow-Headers: *'); 在您的 bootstrap/app.php 中。希望这能解决您的问题

【讨论】：

stackoverflow.com/questions/39429462/…希望这对你有帮助。