No.226

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アプリケーション）にアクセスできない