Non valide en-Tête ordinateur Hôte lorsque ngrok tente de se connecter à Réagir serveur de dev

Je suis en train de tester mon Réagir application sur un appareil mobile. Je suis en utilisant ngrok pour faire mon serveur local à la disposition d'autres appareils et ont obtenu ce travail avec une variété d'autres applications. Cependant, lorsque j'essaie de me connecter ngrok à Réagir serveur de dev, j'obtiens l'erreur:

Invalid Host Header

Je crois que Réagir bloque toutes les requêtes provenant d'une autre source par défaut. Toutes les pensées?

InformationsquelleAutor Patrick Connors | 2017-07-31
  1. 327

    im rencontrer un problème similaire et a trouvé deux solutions qui fonctionnent aussi loin que l'affichage de l'application directement dans un navigateur

    ngrok http 8080 -host-header="localhost:8080"
ngrok http --host-header=rewrite 8080

    évidemment remplacer 8080 avec n'importe quel port vous êtes en cours d'exécution sur

    cette solution soulève encore une erreur quand je l'utilise dans un embeded page, qui tire la bundle.js de la de réagir app. je pense que depuis il réécrit l'en-tête de localhost, lorsque cela est embeded, sa recherche à localhost, dont l'application n'est plus en cours d'exécution sur

    • Merci!!!! la première solution a fonctionné pour moi.
    • le premier était assez
    • La première a travaillé. Beaucoup 🙂
    • Dans le cas où quelqu'un d'autre s'exécute dans ce problème: Cela fonctionne, mais il semble que ce désordre des cookies, sens il rompt la connexion de mécanismes et de ces!
    • Ce problème a également été Angulaire 6, et cela fonctionne, merci
    • Le -host-header devrait venir avant le numéro de port, donc le premier exemple devrait être ngrok http -host-header="localhost:8080" 8080

    InformationsquelleAutor textual
  2. 1

    J'ai utilisé cette formule dans une réagir application qui fonctionne. J'ai créé un fichier de configuration nommé configstrp.js qui contient les éléments suivants:

    module.exports = {
ngrok: {
//use the local frontend port to connect
enabled: process.env.NODE_ENV !== 'production',
port: process.env.PORT || 3000,
subdomain: process.env.NGROK_SUBDOMAIN,
authtoken: process.env.NGROK_AUTHTOKEN
},   }

    Exiger le fichier dans le serveur. 

    const configstrp      = require('./config/configstrp.js');
const ngrok = configstrp.ngrok.enabled ? require('ngrok') : null;

    et se connecter en tant que tels

    if (ngrok) {
console.log('If nGronk')
ngrok.connect(
    {
    addr: configstrp.ngrok.port,
    subdomain: configstrp.ngrok.subdomain,
    authtoken: configstrp.ngrok.authtoken,
    host_header:3000
  },
  (err, url) => {
    if (err) {

    } else {

    }
   }
  );
 }

    De ne pas passer d'un sous-domaine si vous n'avez pas de domaine personnalisé

    InformationsquelleAutor FlyingSnowGhost