ローカルホストの公開

Question

初歩的な質問、大変すみません。

vue.jsを使ってlocalhostに
webサイトを作ったのですが、
私のPC以外からはアクセス
できませんでした。

私のPC以外からもアクセス
できるようにするにはどのように
したらよろしいでしょうか。

Answer 1

そのレベルで躓くのであれば、ここで質問するよりこういう本の一冊でも読んだ方がよっぽど為になると思う。

Comments

[mtys]

gentaro様

アドバイスをいただき、
誠にありがとうございます。

「ネットワークはなぜつながるのか」是非とも拝読致します。

Answer 2

localhost というのは自分自身（のPC）を指すキーワードです
他のPCでlocalhostと指定すると、自分自身を指してしまうのでアクセスできません。

同じLAN内にあるのであれば、そいつのIPを調べてそれに向けてアクセスすればいいかと

Comments

[mtys]

y_waiwai様

ご回答いただき、
誠にありがとうございます。

現在、就活用のポートフォリオを作成しておりまして、どのPCからもアクセスできる様にしたいのですが、その場合はどのようにしたらよろしいでしょうか。

お忙しいところ、度々すみません。

[y_waiwai]

インターネットに公開する、となるとさらにいくつかのハードルがあります
まず、あなたんちの回線が光回線など、グローバルIPで直接アクセスできる回線でしょうか。
マンションタイプの光とか、Wifi回線なんかだと、あいだにNAT（アドレス変換）が挟まってしまうので、ネット公開できません

[y_waiwai]

まあ、更にルータの設定変更とか、DDNS設定とか、ドメインの取得とDNS設定とか、道のりは遠いです。
それをするよりも、ちとカネかかりますが、レンタルサーバを借りるのがいいかとおもいますが。

[mtys]

y_waiwai様

詳しくご回答くださって
誠にありがとうございます。

レンタルサーバを借りて公開するといいとのことですが、こちらfirebaseやnetlifyでホスティングしても公開できますでしょうか。

Answer 3

GitHubPages、Netlifyなどを使えば無料で公開できます。詳しくは「vue.js netlify」などでGoogle検索すると分かりやすい記事がたくさん出てきます。

もし、localhostをそのまま公開したいのであれば、ngrokが便利です。設定をほぼすることなく簡単に外からアクセスできるようにすることができます。これに関しても日本語の記事がたくさんあるので一度Googleで検索してみてください。ただ、この場合だとGitHub PagesやNetlifyを使う場合と違って、あなたのPCを起動しているときしかアクセスできないので注意してください。

Comments

[mtys]

goma1661様

ご回答いただき、
誠にありがとうございます。

それでは、GitHubPagesかNetlifyを
使って公開してみたいと思います。