来自源“http://localhost:8000”的Laravel 8已被CORS策略阻止

Question

我在Axios Laravel crossite中遇到问题，它返回以下erorr：

CORS 策略阻止了从源“http://localhost:8000”在“http://localhost/moddle/moodle/login/index.php”处访问 XMLHttpRequest：对预检请求的响应未通过访问控制检查：请求的资源上不存在“访问控制-允许-源”标头。

我在stackoverflow上做过类似laravel cors和answer的跟踪，但没有一个成功。

这是我的公理：

let axiosConfig = {
                    headers: {
                        "Access-Control-Allow-Origin": "*",
                        'Content-Type': 'application/json;',
                        "Content-Type": "application/x-www-form-urlencoded",
                    }
                };
                axios.post('http://localhost/moddle/moodle/login/index.php', response.data, {
                    crossOrigin: null,
                }, axiosConfig).then(
                    response => {
                        console.log(true);
                        window.location.href = "http://localhost/moddle/moodle/my/";
                    }).catch(erorr => {

                });

在我的cors.php

'paths' => ['api/*', 'sanctum/csrf-cookie'],

'allowed_methods' => ['*'],

'allowed_origins' => ['*'],

'allowed_origins_patterns' => [],

'allowed_headers' => ['*'],

'exposed_headers' => [],

'max_age' => 0,

'supports_credentials' => false,

在我的中间件里

protected $middleware = [
        // \App\Http\Middleware\TrustHosts::class,
        \Fruitcake\Cors\HandleCors::class,
        \App\Http\Middleware\TrustProxies::class,
        \App\Http\Middleware\PreventRequestsDuringMaintenance::class,
        \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
        \App\Http\Middleware\TrimStrings::class,
        \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
        // 
        // \App\Http\Middleware\Cors::class,
    ];

Answer 1

请执行下列操作来解决此问题。

php 工匠配置：缓存

Answer 2

您可以添加到TrustHosts.php中间件，而无需执行任何额外操作。在此处阅读完整的解决方案：https://stackoverflow.com/a/70361284/2612926