contexte de la demande
Le projet doit juger et afficher différents contenus sous différents noms de domaine. Afin de simuler le nom de domaine officiel en ligne, il existe les solutions suivantes :
Première option :
Configurez l'hôte :
1. Trouvez l'adresse du fichier de l'hôte (Baidu ne le saura pas)
2. Configurez l'hôte :
127.0.0.1 www.test.abc.com
3. Si vous souhaitez utiliser www.test.abc.com pour y accéder, vous devez modifier le numéro de port dans le projet et le remplacer par 80 (le port par défaut)
4. Si vous ne modifiez pas le port, alors vous devez ajouter le numéro de port pour accéder à l'URL.
Par exemple : Numéro de port du projet : 9528 Lien d'accès : www.test.abc.com:9528
5. Cet accès est possible, mais l'accès entraînera un problème d'en-tête d'hôte non valide.
Solution :
dans vue.config.js ou webpack.dev.conf.js Ajoutez disableHostCheck : true dans devServer ;
ou
historyApiFallback : true,
allowHosts : "all",
la solution spécifique dépend de votre propre projet
Option II :
configuration nginx
1. Installez nginx et installez-le par vous-même (Baidu que vous ne connaissez pas)
2. Trouvez le chemin de configuration de nginx (conf et autres fichiers)
nginx.conf modifiez deux endroits
server_name: www.test.abc.com
location / {
proxy_pass http://127.0.0.1:9528;
}
3. Configurer l'hôte : (s'il s'agit d'un nom de domaine officiel, la résolution DNS doit être configurée, il s'agit simplement d'un nom de domaine de test, l'hôte doit donc être configuré pour prendre effet)
127.0.0.1 www.test.abc.com
4. Visitez www.test.abc.com, le problème de l'en-tête Invalid Host apparaît selon la solution ci-dessus
troisième solution :
Outils tiers : sifflet
1. Installez et démarrez le sifflet
Installer
npm install -g whistle
Commencez
w2 start
2. Installez le certificat
http://wproxy.org/whistle/webui/https.html
Après avoir installé le certificat et configuré les règles, vous devez configurer le proxy. W2 peut voir la configuration du proxy
3. Ouvrez l'adresse : http://127.0.0.1:8899/
Règles de configuration :
www.test.abc.com 127.0.0.1:9528/
4. Visitez www.test.abc.com
Les trois solutions ci-dessus peuvent résoudre le problème de mappage du nom de domaine officiel simulé à l'environnement de développement IP local pour les tests.