[ 目次 ]

• はじめに
• netlify.toml ファイルを利用してリダイレクト
• 最後に

はじめに

こんばんは、香港に住んでいるWEBデベロッパーのなかむ（@nakanakamu0828）です。

ブログをリプレイスしているので、旧ブログの記事にアクセスがあった際は、本ブログの新しい記事にリダイレクトしたいです。
Netlifyの機能を使ってリダイレクトを実現していきます。

Redirect & Rewrite Rules

こちらを参考にしていきます。

netlify.toml ファイルを利用してリダイレクト

netlify.toml を利用してリダイレクトしていきます。旧ブログへのアクセスをリダイレクトするので、旧ブログのプロジェクトに作成していきます。
_redirectsファイルを作成する方法もあるようですが、私はnetlify.tomlで定義しています。
以下のようなnetlify.tomlファイルにしました

[[redirects]]
  from = "https://techtalk.ml/blog/2018-04-28-start_vupress.html"
  to = "https://blog.nakamu.life/posts/vuepress"
  status = 301

[[redirects]]
  from = "https://techtalk.ml/blog/2018-05-02-vupress_customize_layout.html"
  to = "https://blog.nakamu.life/posts/vuepress-layout-customize"
  status = 301

[[redirects]] タグを利用することでリダイレクトができます。

• from : リダイレクト元のURL（対象となるプロジェクト内であれば、相対パスも可能）
• to : リダイレクト先のURL（対象となるプロジェクト内であれば、相対パスも可能）
• status : httpステータスコード

https://techtalk.ml/blog/2018-04-28-start_vupress.html にアクセスがあった場合、https://blog.nakamu.life/posts/vuepress に301リダイレクトされます。

実際に、https://techtalk.ml/blog/2018-04-28-start_vupress.html にアクセスしてみてください。

最後に

今回は、Netlifyを利用した301リダイレクトの方法をまとめました。
皆さんもNetlifyを有効活用していきましょう。