具有角5访问控制允许起源问题的Laravel API

Question

   const url     = 'http://127.0.0.1:8000/oauth/token' ;
   const body    = JSON.stringify({
                      'client_id'    : '8',
                      'client_secret': 'nMfgx0XrlfvImZK1vqu7PucCaaezDZofJOhTLh4m',
                      'grant_type'   : 'password',
                      'username'     : 'admin',
                      'password'     : '0a09943d507c591ae7269042a57db16ac9a2b971'
                    });

    const httpOptions = {
                          headers: new HttpHeaders({
                            'Accept'      : 'application/json',
                            'Content-Type':  'application/json'
                          }
                          )
                        };

    const res  = this.http.post<any>(url, body, httpOptions)
                          .subscribe(myres => { console.log(myres); }) ;

登录：1未能加载http://127.0.0.1:8000/oauth/token：对飞行前请求的响应未通过访问控制检查：请求的资源上没有“Access-Control-Allow-Origin”标头。因此，不允许访问源'http://localhost:4200'。

我听说应该用一个叫：

header('Access-Control-Allow-Origin', '*')ce

Answer 1

您需要cors包：

composer require barryvdh/laravel-cors

安装完成后，转到/config/app.php，将以下内容添加到“providers”数组：

Barryvdh\Cors\ServiceProvider::class,

在/app/http/kernel.php中添加以下内容：

protected $middleware = [
    // ...
    \Barryvdh\Cors\HandleCors::class,
];

php artisan vendor:publish --provider="Barryvdh\Cors\ServiceProvider"

    'supportsCredentials' => true,
    'allowedOrigins' => ["localhost:4200"],
    'allowedHeaders' => ['*'],
    'allowedMethods' => ['*'],
    'exposedHeaders' => [],
    'maxAge' => 0,