Safariのサブドメインを使ってローカル開発をする

普段はChromeを使って開発をしているのですが、先日Safariのブラウザでのみエラーが発生し修正するときにSafariでサブドメイン({subdomain}.localhost:3000)の表示ができなかったので、その対処法をメモしておきます。

/etc/hosts にサブドメインを追加

Chromeは何も設定しなくてもサブドメインを使うことができるのですが、Safariの場合/etc/hostsにサブドメインを追加する必要があります。

/etc/hostsに以下のようにサブドメインを追加します。

これでSafariでもサブドメインを使う準備は整いました。

/etc/hostsファイルとは?

/etc/hostsファイルは、IPアドレスとホスト名の対応を記述するためのファイルです。 このファイルを使うことで、IPアドレスを覚えることなくホスト名でアクセスすることができます。

http://をつける

Safariでサブドメインを開くときはhttp://をつける必要があります。 http://をつけないと、自動でhttps://にリダイレクトされてしまい、Safari can't open the pageと表示されてしまいます。

以上がSafariでサブドメインを使ってローカル開発をする手順になります。