我如何解决此Cors问题。我真的很困

Question

几天来，我一直在关注以下CORS问题，并且尚未解决此问题。 localhost：4200上的Angular应用程序不允许我访问上传照片的路线。

我的后端在Laravel中

我可以登录，注册和执行其他帖子请求，但不能这样做。

这是我的应用的图像。

这是我的CORS中间件，已注册为全球中间件]

public function handle($request, Closure $next)
{
    return $next($request)
    ->header('Access-Control-Allow-Credentials', 'true')
    ->header('Access-Control-Allow-Origin', 'http://localhost:4200')
    ->header('Access-Control-Allow-Methods:  POST, GET, OPTIONS, PUT, DELETE')
    ->header('Access-Control-Max-Age', '3600')
    ->header('Access-Control-Allow-Headers', 'Origin, Content-Type, Authorization');


}

“网络”标签中的响应标题

1

2

3 4

Answer 1

您发布的图像实际上与您收到的错误不符。 Take a look at this answer;请注意，它提到的来源是null，这就是您在错误消息中看到的内容。问题是您的请求页面没有来源，因为您正在通过file://协议访问它。如果要使用CORS，则需要托管请求文件和。

Access-Control-Allow-Origin必须匹配 requesting 文件，而不是您要尝试的目标URL。