web-dev-qa-db-fra.com

"En-tête d'hôte non valide" dans Exécution de l'application React

J'ai un projet simple de React JS et je me déploie dans OSE. J'utilise aussi les dépendances ci-dessous dans mon projet.

 "webpack": "^2.2.0",
 "webpack-dev-server": "^1.14.1",
 "react": "^15.5.4",
 "react-router-dom": "^4.1.1"

de plus, je lance mon projet à travers le script de construction ci-dessous.

"build": "SET NODE_ENV=production && webpack-dev-server --Host 0.0.0.0 --inline --history-api-fallback --content-base . "

Tout se passe bien dans OSE et Webpack est compilé avec succès. Mais en accédant à l'URL, il affiche "Invalid Host Header" sur la page Web. 

Quelqu'un pourrait-il aider à ce sujet. Un peu nouveau en réaction 

Merci d'avance.

reactjsdeploymentwebpackreact-routerwebpack-dev-server
12
Bharat Sewani

Sur votre configuration Webpack, vous pouvez ajouter disableHostCheck: true à la configuration devServer. Par exemple,

devServer: {
  disableHostCheck: true
}
20
Kenrick

changez l'hôte en 127.0.0.1 dans le script de construction.

"build": "SET NODE_ENV=production && webpack-dev-server --Host 127.0.0.1 --inline --history-api-fallback --content-base . "

0
young

Juste pour expliquer pourquoi cela se passe.

webpack-dev-server a publié v2.4.3.

Citant leur note de patch:

L'en-tête de l'hôte de la demande doit correspondre à l'adresse d'écoute ou à l'hôte fourni dans l'option public. Assurez-vous de fournir les valeurs correctes ici.

Ils ont également inclus disableHostCheck pour désactiver cette option,MAIS

Utilisez-le uniquement lorsque vous savez ce que vous faites. Non recommandé.

0
Gleb Eliseev