Netlifyで独自ドメインのリダイレクトを行う方法

Netlifyで独自ドメインの設定した後に、Netlifyが用意するサブドメインから独自ドメインへリダイレクトをしたいケースがあるかと思います。

例えば

• リダイレクト元: https://hogehoge.netlify.com
• リダイレクト先: https://hogehoge.com

のようなリダイレクトを行うことを考えてみます。

リダイレクトの設定は2種類あります。

_redirects に書く方法

1つ目の方法は、publicフォルダ直下に_redirectsというファイルを作成し、以下のように書きます。

https://hogehoge.netlify.com/* https://hogehoge.com/:splat 301!

また、文法が正しいかは以下のページで確認できます。

• Netlify's playground

netlify.toml に書く方法

もう1つの方法は、netlify.tomlに以下のように追記する方法です。こちらのほうが直感的に分かりやすいかもしれません。

[[redirects]]
  from = "https://hogehoge.netlify.com/*"
  to = "https://hogehoge.com/:splat"
  status = 301
  force = true

参考

• Redirects | Netlify
• Netlifyを独自ドメインで使うときにやっておくべきリダイレクトの設定 - diwao日記