Comment utiliser Nginx pour résoudre les problèmes inter-domaines dans l'environnement de développement Vue

1. Exigences

Le nom de domaine de test local doit être le même que le nom de domaine en ligne afin de délivrer correctement les cookies et d'effectuer les tests SSO.

Remarque : Étant donné que les cookies pertinents sont ajoutés au nom de domaine de quatrième niveau après la connexion sso, le nom de domaine de test local et le nom de domaine de l'interface en ligne doivent être identiques.

2. Solution

Configurez le fichier hôte pour que le nom de domaine en ligne pointe vers localhost :

127.0.0.1 product.xxx.xxx.com

Configurez nginx pour le transfert correspondant :

server {
  listen    80;
  listen    [::]:80;
  server_name ${product.xxx.xxx.com};

  location /api {
    proxy_pass https://${ip.ip.ip.ip};
    proxy_set_header host $host;
  }

  location / {
    proxy_pass http://localhost:8080;
    proxy_set_header host $host;
  }  
}

Configurez vue.config.js pour éviter un en-tête d'hôte invalide. erreurs :

{
  devserver: {
    disablehostcheck: true
  }
}

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!