web 開発でよく使うリダイレクトと nuxtjs redirect
web 開発で必ず出てくるリダイレクトの話をまとめてみました!
Http redirect ならよく使う 301 と 302 など永久と一時的リダイレクト
恒久リダイレクトと一時的リダイレクトの区別は検索エンジンは自身のリンクを更新するかどうか
リダイレクトコードで恒久リダイレクトか一時的リダイレクトかを検索エンジンに知らせて HP の移行か、一時的遷移かを判断してくれるので、LP リニューアルなどは 301 恒久リダイレクト使うのが一般的。
HTTP リダイレクトコード
コード | 種類 | メモ |
301 | 恒久的リダイレクト | HP 移行時 |
302 | 一時的リダイレクト | 一時エラーなど |
303 | 一時的リダイレクト | リロード再実行防ぐためのリダイレクト |
304 | 特殊リダイレクト | 再検証された条件付きリクエストのために送信 |
HTML HEAD リダイレクト
javascript リダイレクト
Apache 設定リダイレクト
htaccess リダイレクト
Nginx 設定リダイレクト
php リダイレクト
nuxtjs リダイレクト
nuxtjs の context 取得できるライフサイクルから redirect 利用
context 取得できるライフサイクル
asyncData
fetch
plugins
middleware
nuxtServerInit
sample
nuxtjs context について
context から取得できる値
- app
- store
- route
- params
- query
- env
- isDev
- isHMR
- redirect
- error
ソース
SSR の場合
CSR の場合
参考:HTTP のリダイレクト (opens new window)