<p>Ich weiß also, dass es da draußen viele CORS-Beiträge gibt, und ich füge sie nur hinzu, aber ich kann keine Antworten finden, die mir helfen könnten. Also erstelle ich eine Angular 4-Anwendung, die auf meiner PHP-API basiert. Funktioniert lokal problemlos, wenn ich es mit der App unter <code>app.example.com</code> und der API unter <code>api.example.com</code> Übergeben Sie mein Login, da ich die folgende Fehlermeldung erhalte: </p> <blockquote> <p>XMLHttpRequest kann http://api.example.com/Account/Login nicht laden. Antwort auf Preflight-Anfrage fehlgeschlagene Zugriffskontrollprüfung: Nein Der Header „Access-Control-Allow-Origin“ ist in der Anfrage vorhanden Ressource. Daher ist die Quelle „http://app.example.com“ nicht zulässig Zugang.</p> </blockquote> <p>我的 php 代码如下所示：</p> <pre class="brush:php;toolbar:false;">$http_origin = $_SERVER['HTTP_ORIGIN']; $allowed_domains = array( 'http://example.com', 'https://example.com', 'http://app.example.com', 'https://app.example.com', 'http://www.example.com', 'https://www.example.com' ); if (in_array(strtolower($http_origin), $allowed_domains)) { // header("Access-Control-Allow-Origin: *"); header("Access-Control-Allow-Origin: $http_origin"); header('Access-Control-Allow-Credentials: true'); header('Access-Control-Max-Age: 86400'); } // Access-Control-Header werden während OPTIONS-Anfragen empfangen if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') { header("Access-Control-Allow-Methods: GET, POST, OPTIONS"); header("Access-Control-Allow-Headers: Authorization, Content-Type,Accept, Origin"); Ausgang(0); }</pre> <p>我的 Angular 帖子如下所示：</p> <pre class="brush:php;toolbar:false;">public login(login: Login): Observable<LoginResponse> { let headers = new Headers(); headers.append('Content-Type', 'application/x-www-form-urlencoded'); headers.append('Authorization', 'Basic' + btoa(login.Username + ':' + login.Password)); return this.http.post(this.apiBaseUrl + '/Account/Login', "grant_type=client_credentials", { headers: headers }) .map(response => { // Code }); }</pre> <p>如果我通过邮递员运行请求（这不会影响 CORS），我会得到：</p> <pre class="brush:php;toolbar:false;">{ "error": "invalid_client", "error_description": "Client-Anmeldeinformationen wurden in den Headern oder im Text nicht gefunden" }</pre> <p>我尝试将 origin 设置为 '<code>*</code>' 只是为了测试并查看这是否是问题的核心,但它仍然以同样的方式失败.</p> <p><strong><em>编辑</em></strong> 只是根据以下信息进行更新.更改标头中的大小写没有任何效果,并且从 wenn有任何效果.</p> <p>将其放入每个 if 语句中.</p> <p><strong><em>编辑镜头 2</em></strong> 我确实需要一些帮助, 如果有人有任何想法, 我将非常感激.</p> <p><strong><em>Aufnahme 3 bearbeiten</em></strong> Wenn ich alle Header-Sachen in .htaccess statt in PHP einstelle, kann ich passieren. Jetzt bleibt mir jedoch der oben aufgeführte Fehler stecken, der der Fehler ist, den ich immer bekomme, wenn ich Postman verwende, aber jetzt, wenn ich die eigentliche Website verwende. </p> <p><code>{"error": "invalid_client", "error_description": "Client-Anmeldeinformationen nicht im Header oder Text gefunden"}</code></p> <p>Meine Antwortheader sehen so aus</p> <pre class="brush:php;toolbar:false;">Access-Control-Allow-Credentials:true Access-Control-Allow-Headers: Autorisierung, Inhaltstyp, Akzeptieren, Herkunft Access-Control-Allow-Methods:GET, POST, OPTIONS Access-Control-Allow-Origin:*</pre> <p>Sobald es funktioniert, ändere ich es von * in nur meine Domain. Aber jetzt belasse ich es als *. </p> <p><strong>Mein Header auf Anfrage. </strong></p>

header("Access-Control-Allow-Origin: http://localhost:4200");   
header("Content-Type: application/json; charset=UTF-8");    
header("Access-Control-Allow-Methods: POST, DELETE, OPTIONS");    
header("Access-Control-Max-Age: 3600");    
header("Access-Control-Allow-Headers: Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With");

if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {    
   return 0;    
}

//The Response object
    $res = $app->response;

    $res->headers->set('Content-Type', 'application/json');
    $res->headers->set('Access-Control-Allow-Origin', 'http://example.com');
    $res->headers->set('Access-Control-Allow-Credentials', 'true');
    $res->headers->set('Access-Control-Max-Age', '60');
    $res->headers->set('Access-Control-Allow-Headers', 'AccountKey,x-requested-with, Content-Type, origin, authorization, accept, client-security-token, host, date, cookie, cookie2');
    $res->headers->set('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');

    if ( ! $req->isOptions()) {
        // this continues the normal flow of the app, and will return the proper body
        $this->next->call();
    } else {
        //stops the app, and sends the response
        return $res;
    }