http://localhost:8080 に接続できません。

Question

前提・実現したいこと

http://localhost:8080/　にアクセスしたいです。
サーバーは起動しているのでコピペ（http://localhost:8080/）して貼り付けましたが、上手く接続できません。
ご教示頂けますと幸いです。

発生している問題・エラーメッセージ

エラーメッセージ
https://gyazo.com/6908221e356cf0d781dd6c20de34e0d2

該当のソースコード

ソースコード

試したこと

参照
https://docs.oracle.com/cd/E19528-01/820-1614/abgcb/index.html
サーバーが起動しているかの確認。
https://gyazo.com/d713d999b2762b576d4855b9a6f9b3a4
ポート番号が合っているか確認。
defalutの8080番なので、問題はなさそうです。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[8zca]

vagrantをお使いのようですが、Vagrantファイルで 「forwarded_port」の設定はされていますか？

また、エラーのキャプチャ画像は文字をコピーした上で
「発生している問題・エラーメッセージ」に「コードの挿入」機能を使って貼り付けてもらえると見やすくなるので助かります。

[kaksji]

返信遅くなりまして大変申し訳ありません。
ご教示ありがとうございます。
8zcaさんのご教示通りforwarded_portの設定を行いましたが、同じくサーバーにアクセスできません。(設定の仕方が間違っているかもしれませんが、、、)
ポートフォワード設定参照記事
https://maku77.github.io/vagrant/port-forward.html

mbp:ubuntu64_18 [ユーザー名]$ vagrant port
The forwarded ports for the machine are listed below. Please note that
these values may differ from values configured in the Vagrantfile if the
provider supports automatic port collision detection and resolution.

22 (guest) => 2222 (host)
8000 (guest) => 8000 (host)
80 (guest) => 8080 (host)

vagrant file（追加箇所）
# Every Vagrant development environment requires a box. You can search for
# boxes at https://vagrantcloud.com/search.
config.vm.box = "ubuntu/bionic64"
config.vm.network "forwarded_port", guest: 80, host: 8080, auto_correct: true

[kaksji]

すみません。先ほどguestのポート番号がまちがっていました。
正しくは、8080ですね。
80 →　8080

ポートフォア〜ディングすることで、上手くvuejsのページにアクセスできました。本当にありがとうございます。

[8zca]

よかったです！

Answer 1

8zcaさんが修正依頼のところに投稿して頂いた通り、forwarded_portの設定を行うことで解決できます。