Source: What is this “Invalid Host Header” error?
Dans le cadre d’un projet Angular
Angular CLI 6 dans mon exemple, mais voir la documentation officielle de Cross Browser Testing pour des projets Angular 2 ou Webpack.
-
Stopper le serveur (si il tourne) et le relancer en incluant les paramètres suivants dans la commande:
--host 0.0.0.0 --disableHostCheck=true
.
Si vous utilisez NPM et que vous exécutez votre serveur via unnpm start
, éditez le fichier package.json (ligne « scripts » > « start ») pour y ajouter les paramètres cités plus haut. Exemple:
123"scripts": {"start": "ng serve --host 0.0.0.0 --disableHostCheck=true --port 4200 --proxy-config proxy.conf.js",}, - Sur Quel Est Mon IP, récupérez votre IP Locale (qui commence probablement par 192.168… Dans mon cas 192.168.67.219).
- Dans l’interface de crossbrowsertesting, commencer par activer la connexion locale (depuis le bandeau « Local Connection OFF/ON »)
- Taper dans la barre d’adresse de l’appli: http://votre_IP_locale:4200 (exemple: http://192.168.67.219:4200/)