解決方法
- host を localhost から 0.0.0.0 へと修正する。
config/index.js
proxyTable: {},
// Various Dev Server settings
- host: 'localhost', // can be overwritten by process.env.HOST
+ host: '0.0.0.0', // can be overwritten by process.env.HOST
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: false,
errorOverlay: true,
0.0.0.0 とは?
一般的な 0.0.0.0 および、 Docker での 0.0.0.0 の両方を把握できれば良さそうです。
ですがしかし、よくわかりませんでした><。参考ページのみ掲載しておきます。
- ホスト上にコンテナのポートを割り当て — Docker-docs-ja 1.11.0 ドキュメント
- <a href="https://www.wdic.org/w/WDIC/0.0.0.0" target="_blank">0.0.0.0 ‐ 通信用語の基礎知識</a>
- IPv4アドレス「0.0.0.0」の意味は? | マイナビニュース
- ASCII.jp:「特別なIPアドレス」を正しくわかっているのは誰?|ネットワークがクイズでわかる! 誰が正解?「TCP/IP」
おわりに
今回、『Vue.js 入門』 8.4.4 アプリケーションの起動確認、にてウェブブラウザからアクセスできない><、という状況に陥りましたのが発端です。
vue init ではなく、 vue create でプロジェクトを作成した場合は、 Docker の環境でもウェブブラウザからアクセスできました。
したがって、環境の問題ではなく、プロジェクトの問題であると早めに問題を絞り込むことができました♪
問題解決にあたっては、次のページが参考になりました♪ありがとうございます!
以上です。