web-dev-qa-db-de.com

"Ungültiger Host-Header" in Beim Ausführen der React App

Ich habe ein einfaches Projekt von React JS und setze mich in OSE ein. Ich verwende auch Abhängigkeiten in meinem Projekt.

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

ich führe auch mein Projekt durch das folgende Build-Skript.

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

In OSE läuft alles gut und Webpack wird erfolgreich kompiliert. Beim Zugriff auf die URL wird jedoch "Invalid Host Header" auf der Webseite angezeigt. 

Könnte jemand dabei helfen. Etwas Neues bei der Reaktion. 

Danke im Voraus.

reactjsdeploymentwebpackreact-routerwebpack-dev-server
12
Bharat Sewani

In Ihrer Webpack-Konfiguration können Sie disableHostCheck: true unter devServer configuration hinzufügen. Zum Beispiel,

devServer: {
  disableHostCheck: true
}
20
Kenrick

Ändern Sie den Host auf 127.0.0.1 im Erstellungsskript.

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

0
young

Nur um zu erklären, warum das so ist.

webpack-dev-server hat v2.4.3 veröffentlicht.

Zitat ihrer Patchnotiz:

Der Host-Header der Anforderung muss mit der Abhöradresse oder dem Host übereinstimmen, der in der öffentlichen Option angegeben ist. Stellen Sie sicher, dass Sie hier korrekte Werte angeben.

Sie haben auch disableHostCheck eingeschlossen, um diese Prüfung auszuschalten,, ABER

Verwenden Sie es nur, wenn Sie wissen, was Sie tun. Nicht empfohlen.

0
Gleb Eliseev