web-dev-qa-db-ja.com

実行時の「無効なホストヘッダー」React App

React JSの単純なプロジェクトが1つあり、OSEに展開しています。また、プロジェクトで以下の依存関係を使用しています。

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

また、以下のビルドスクリプトを使用してプロジェクトを実行しています。

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

OSEではすべてがうまくいき、Webpackは正常にコンパイルされます。しかし、URLにアクセスすると、Webページに「Invalid Host Header」と表示されます。

誰でもこれを助けることができますか？ Reactのやや新しい。

前もって感謝します。

reactjsdeploymentwebpackreact-routerwebpack-dev-server
13
Bharat Sewani

Webpackの設定で、disableHostCheck: true at devServer構成。例えば、

devServer: {
  disableHostCheck: true
}
25
Kenrick

ビルドスクリプトでホストを127.0.0.1に変更します。

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

0
young

なぜこれが起こっているのかを説明するだけです。

webpack-dev-serverがリリースされましたv2.4.3。

パッチノートを引用：

要求のホストヘッダーは、リスニングアドレスまたはパブリックオプションで提供されるホストと一致する必要があります。ここに正しい値を入力してください。

このチェックをオフにするdisableHostCheckも含まれています[〜＃〜] but [〜＃〜]

あなたが何をしているのかを知っている場合にのみ使用してください。推奨されません。

0
Gleb Eliseev