2017-04-27 94 views
10

Mam jeden prosty projekt dotyczący React JS i wdrażam system operacyjny. Również używam poniżej zależności w moim projekcie."Nieprawidłowy nagłówek hosta" w trakcie pracy React App

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

również uruchamiam mój projekt za pomocą poniższego skryptu kompilacji.

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

Wszystko idzie dobrze w OSE i kompilacja pakietu Web powodzeniem. Ale podczas uzyskiwania dostępu do adresu URL wyświetla się "Nieprawidłowy nagłówek hosta" na stronie internetowej.

Czy ktoś może pomóc w tej sprawie. Nieco nowe w React.

Dzięki z góry.

Odpowiedz

17

W konfiguracji sieci Web można dodać disableHostCheck: true w konfiguracji devServer. Na przykład:

devServer: { 
    disableHostCheck: true 
} 
+1

Nie jest to zalecane, ponieważ wprowadza problemy z bezpieczeństwem. Zobacz https://github.com/webpack/webpack-dev-server/issues/887, aby uzyskać wyjaśnienie. – mgol

+0

jakie jest zalecane rozwiązanie? link nie wydaje się rozwiązać – mel3kings

0

Wystarczy wyjaśnić, dlaczego tak się dzieje.

Webpack-dev-server wydała v2.4.3.

Cytując ich poprawki UWAGA:

nagłówka Host wniosku trzeba dopasować adres odsłuchu lub hosta przewidzianej w opcji publicznej. Tutaj należy podać poprawne wartości.

Mają także disableHostCheck, aby włączyć ten odhaczyć, ALE

Tylko użyć go, gdy wiesz, co robisz. Niepolecane.

+1

Ale dlaczego jest zerwania z wersji 2.2.2? –

+0

Dobre pytanie. Moja wersja z package.json to '^ 1.16.2'. Nadal się zepsuł. –

+0

@BharatSewani jest wprowadzany do wersji poprawki z powodu wcześniejszej konfiguracji z problemami bezpieczeństwa. Zobacz https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a i https://github.com/webpack/webpack-dev-server/issues/887. – mgol

0

zmienić hosta na 127.0.0.1 w skrypcie kompilacji.

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