ライブサーバーでWebpackでVue cliを実行するにはどうすればいいですか？

昨日、ライブサーバーで新しいものを直接学習するために、デジタル海洋から液滴を購入しました。私はVueで始まりました。私はwebpackインストールガイドでVue cliに従った。すべてうまくいった。ライブサーバーでWebpackでVue cliを実行するにはどうすればいいですか？

私が持っている問題は、URLにアクセスするときです。例：127.12.22.33/test/testvue app Vueなしの白いページが表示されます。

npm run devを実行すると、localhost:8080にアクセスするよう指示されますが、もちろん動作しません。私はvueを表示するには、URLにアクセスするとき、それは（ローカルではない）ライブサーバー上で動作させるためにどのよう

：私は127.12.22.33:8080にアクセスした場合、私は

ERR_CONNECTION_TIMED_OUTエラー

質問を取得しますコード？私は何かが紛失しているか、私が間違っている何かを推測します。

出典

2016-12-26 Cosmin

あなたの問題は、localhostでvue dev serverを実行しているため、公開されていないということです。 build/dev-server.jsを開き、これらの線に変更、それは公に利用できるようにするために：答えを

module.exports = app.listen(port,'0.0.0.0' ,function (err) { 
if(err){ 
console.log(err) 
return 
}

出典

2016-12-26 21:22:06 Iman

こんにちは、答えに感謝を。私はすでにhttp：// my-ip：8080を使用しましたが、接続にタイムアウトが発生しました。あなたが変更するように言ったのはコンソールの出力でしたが、それを動作させる方法はありませんでした。 – Cosmin

console.logを変更しても、dev-serverには影響しません。この[SOの質問]をチェックアウト（http://stackoverflow.com/questions/15003947/listen-to-a-different-ip-address）。 'app.listen（port、callback）'を 'app.listen（80、 '0.0.0.0'、callback）のように変更する' – AWolf

おかげで、問題が別の場所でした。

http://my-ip:8080/は、ポート:8080がファイアウォールで許可されていないため動作しませんでした。すぐ後に、液滴画像にファイアウォールが付いていることがわかりました。

は、ファイアウォールにポートを追加するには、次のコマンドを実行する必要がありました：

sudo ufw allow 8080

出典

2016-12-31 07:45:06 Cosmin

ライブサーバーでWebpackでVue cliを実行するにはどうすればいいですか？

答えて

関連する問題