Explication détaillée des solutions inter-domaines dans le développement de Laravel

Avant-propos

Comme nous le savons tous, lorsque nous utilisons tous Laravel pour le développement, surtout lorsque le front-end et le back-end sont complètement séparés, puisque le front-end Le projet final s'exécute sur le port désigné de notre propre machine (il peut également s'agir de la machine de quelqu'un d'autre), comme localhost:8000, et le programme laravel s'exécute sur un autre port, il est donc inter-domaine. Cependant, en raison de la même chose avec le navigateur. -politique d'origine, les requêtes inter-domaines sont illégales. En fait, ce problème est facile à résoudre, il suffit d'ajouter un middleware. Pas grand chose à dire ci-dessous, suivons l'éditeur pour voir les solutions détaillées.

Solution :

1. Créer un nouveau middleware

php artisan make:middleware EnableCrossRequestMiddleware

2. Écrire le contenu du middleware

<?php
namespace App\Http\Middleware;
use Closure;
class EnableCrossRequestMiddleware
{
 /**
 * Handle an incoming request.
 *
 * @param \Illuminate\Http\Request $request
 * @param \Closure $next
 * @return mixed
 */
 public function handle($request, Closure $next)
 {
 $response = $next($request);
 $origin = $request->server(&#39;HTTP_ORIGIN&#39;) ? $request->server(&#39;HTTP_ORIGIN&#39;) : &#39;&#39;;
 $allow_origin = [
  &#39;http://localhost:8000&#39;,
 ];
 if (in_array($origin, $allow_origin)) {
  $response->header(&#39;Access-Control-Allow-Origin&#39;, $origin);
  $response->header(&#39;Access-Control-Allow-Headers&#39;, &#39;Origin, Content-Type, Cookie, X-CSRF-TOKEN, Accept, Authorization, X-XSRF-TOKEN&#39;);
  $response->header(&#39;Access-Control-Expose-Headers&#39;, &#39;Authorization, authenticated&#39;);
  $response->header(&#39;Access-Control-Allow-Methods&#39;, &#39;GET, POST, PATCH, PUT, OPTIONS&#39;);
  $response->header(&#39;Access-Control-Allow-Credentials&#39;, &#39;true&#39;);
 }
 return $response;
 }
}

$allow_origin ArrayLa variable est votre liste inter-domaines autorisée et peut être modifiée par vous-même.

3. Enregistrez ensuite le middleware dans le fichier du noyau

 protected $middleware = [
 // more
 App\Http\Middleware\EnableCrossRequestMiddleware::class,
 ];

Ajoutez-le dans l'attribut $middleware de la classe AppHttpKernel. Le middleware enregistré ici appartient au middleware global.
Ensuite, vous constaterez que la page frontale peut déjà envoyer des requêtes inter-domaines.

Il est normal qu'il y ait une requête supplémentaire avec la méthode définie sur les options, car le navigateur doit d'abord déterminer si le serveur autorise la requête inter-domaines.

Résumé

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!