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

Question

Vagrant、ubuntu xenial64、npm/nodejsおよびvue-cliがインストールされた仮想マシンをセットアップしました。

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

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

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

Answer 1

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

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

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