VagrantのWebpack-ServerでVueアプリケーションにアクセス

Vagrant、ubuntu xenial64、npm/nodejsおよびvue-cliがインストールされた仮想マシンをセットアップしました。VagrantのWebpack-ServerでVueアプリケーションにアクセス

vue init webpack myprojectを使用してウェブパックアプリケーションをスキャフォールドしました。今すぐnpm run devを実行するとWebpackサーバーが起動しますが、仮想マシン内にあるため、自分のPCのWebページにアクセスできません。

--host 0.0.0.0でwebpackサーバーを実行できることがわかりましたが、Vue-Cliがプロセス全体を生成してから、このパラメータをどこに追加できるかわかりませんでした。

また、別の解決策がありますか？

'build/dev-server.js'ファイルがありますか？あなたがそこから編集できる場合 –

あなたのホストマシンから 'dev'を実行できませんか？ – Hammerbot

@FrédéricHenriサーバーを起動するための明示的なシェル呼び出しがないので、ファイル内にこれを追加する場所が見つかりません。私はそれをapp.listen（）関数に追加しました。成功しませんでした。 – user5417542

[OK]を自分で修正しました。ちょうどあなたのVagrantfileにこれを追加します。

config.vm.network：forwarded_port、ゲスト：8080、ホスト：80

のWebPACKでやることが何もない、ただの基本的な放浪のセットアップを。これにより、8080ポートがホストマシンの80ポートに転送されます。アプリケーションにアクセスするには、ブラウザにlocalhost：80と入力する必要があります。

2017-03-27 12:55:35 user5417542

答えて