No.226


【EDGE】【Vagrant】InternetExploer EDGEでVagrantにアクセス

EDGEでvagrant環境にアクセスできない!

 EDGE内部で何やってんのかわからないけど、セキュリティ対策かなにかでループバック接続をコントロールしているらしく、標準ではローカルホストに対しての接続に制限がかかっているようだ。

 そのため現状(2017年6月)では、二段階の作業を行わないとEDGEで仮想環境へのアクセスができなくなっている。「ポートフォワーディングの設定」と「ローカルホストへのアクセス許可」だ。

 要はポートフォワーディングで仮想環境へ転送することでEDGEを誤魔化してしまう、という荒っぽい方法だ。

 そんなわけでデザインやデバッガーへの説明用テキストをメモ。


作業①:EDGEのローカルホストへのアクセスを有効にする

 ポートフォワーディングを使って仮想環境にアクセスする必要が

  1. URLに「about:flags」と入力する。
  2. 「ローカルホスト ループバックを許可する」にチェックを入れる。
  3. EDGEを再起動する。

作業②:Vagrantのポートフォワーディングを設定する

 Vagrantが持っているポートフォワーディング機能を利用する。
 Vagrantfileに下記の記述を追加する。

config.vm.network "forwarded_port", guest: ローカルホストの空きポート, host: 仮想環境の宛先ポート

 自分のマシンのポート9999から仮想環境のポート80(HTTP)に飛ばしたい場合開花のように記述すれば良い。

config.vm.network "forwarded_port", guest: 9999, host: 80

 これで再起動すればこの仮想環境でのポートフォワーディングが有効になる。


アクセス方法

 ブラウザのURLに下記の用に入力すればOK。

http://localhost:guestで指定したポート/

 先の例だと以下になる。

http://localhost:9999/

参考サイト

 下記のサイトを参考にさせて頂いた。感謝。

Microsoft Edgeでローカルの仮想マシン上に構築したWebサイト(Webアプリケーション)にアクセスできない