私はnodejs / reactjsの世界全体に慣れていないので、私の質問がばかげているようでしたら謝罪してください。それで、私はreactabular.jsをいじっています。
私が行うときはいつでも、npm startそれは常に実行されlocalhost:8080ます。
0.0.0.0:8080公開してアクセスできるようにするには、どのように変更して実行するのですか？上記のリポジトリでソースコードを読み取ろうとしましたが、この設定を行うファイルが見つかりませんでした。
また、それに追加するには-それが80可能な場合、どのようにポートで実行するのですか？
回答:
このようなことがうまくいきました。これでうまくいくと思います。
これを使用してwebpack-devを実行します
webpack-dev-server --host 0.0.0.0 --port 80そして、これをwebpack.config.jsに設定します
entry: [
'webpack-dev-server/client?http://0.0.0.0:80',
config.paths.demo
]注ホットローディングを使用している場合は、これを行う必要があります。
これを使用してwebpack-devを実行します
webpack-dev-server --host 0.0.0.0 --port 80そして、これをwebpack.config.jsに設定します
entry: [
'webpack-dev-server/client?http://0.0.0.0:80',
'webpack/hot/only-dev-server',
config.paths.demo
],
....
plugins:[new webpack.HotModuleReplacementPlugin()]/data:image ...、... .jsそして/sockjs-node...
これは私がそれをした方法であり、それはかなりうまくいくようです。
あなたのwebpack.config.jsファイルに以下を追加してください：
devServer: {
inline:true,
port: 8008
},明らかに、他のポートと競合していない任意のポートを使用できます。私が約4時間費やしたという理由だけで、紛争の問題について言及します。私のサービスが同じポートで実行されていることを発見するためだけに問題と闘っています。
（webpack.config.js内の）webpackを構成します：
devServer: {
// ...
host: '0.0.0.0',
port: 80,
// ...
}以下は私のために働いた-
1）で Package.json追加：
"scripts": {
"dev": "webpack-dev-server --progress --colors"
}2）webpack.config.jsエクスポートする構成オブジェクトの下にこれを追加します。
devServer: {
host: "GACDTL001SS369k", // Your Computer Name
port: 8080
}3）ターミナルタイプ： npm run dev
4）＃3がコンパイルされて準備ができたら、ブラウザに向かい、次のようにアドレスを入力します。 http://GACDTL001SS369k:8080/
あなたのアプリは、うまくいけば、他の人が同じネットワーク上でアクセスできる外部URLで動作するはずです。
PS：GACDTL001SS369k私のコンピューター名でしたので、あなたのマシンにあるものに置き換えてください。
あなたがいる場合は、アプリケーションは、あなたに行く「を作成反応するアプリ」で作成されたリアクトpackage.jsonと変更
"start": "react-scripts start",
へ...（UNIX）
"start": "PORT=80 react-scripts start",
または...（勝利）
"start": "set PORT=3005 && react-scripts start"
他のいくつかの答えに苦労しました。（私の設定は：WindowsでUbuntu 18.04 virtualbox npm run devを使用vue init webpackしてプロジェクトを作成した後、webpack 3.12.0で実行しています。ポート3000をホストに転送するようにvagrantを構成しています。）
npm run dev --host 0.0.0.0 --port 3000は機能しませんでした-それでもlocalhost：8080で実行されていました。webpack.config.jsが存在せず、ファイルを作成しても役に立ちませんでした。build/webpack.dev.conf.js（およびbuild/webpack.base.conf.jsおよびbuild/webpack.prod.conf.js）にあることを確認しました。ただし、これらのファイルは実際にからHOSTおよびPORTを読み取るため、これらのファイルを変更することはお勧めしませんprocess.env。そこで、process.env変数の設定方法を検索し、次のコマンドを実行して成功を収めました。
HOST=0.0.0.0 PORT=3000 npm run devこれを行った後、「アプリケーションはここで実行されています：http : //0.0.0.0 : 3000」が最終的に表示さlocalhost:3000れ、ホストマシンから参照して最終的に確認できます。
編集：これを行う別の方法は、でdevホストとポートを編集することですconfig/index.js。
私にとって：リッスンホストの変更はうまくいきました：
.listen(3000, 'localhost', function (err, result) {
if (err) {
console.log(err);
}
console.log('Listening at localhost:3000');
});に変更されました：
.listen(3000, '0.0.0.0', function (err, result) {
if (err) {
console.log(err);
}
console.log('Listening at localhost:3000');
});サーバーは0.0.0.0でリッスンを開始しました
<script src="http://localhost:8080/webpack-dev-server.js"></script>には、ページに追加して、クロスドメイン許可プラグインをインストールする必要がありますか？これらのツールは興味深いように見えますが、サーバーもノードであると想定しているか、何か不足していますか？