Netlify 301 Redirect 처리하는 방법

Netlify에서 301 Redirect를 처리하는 방법은 굉장히 간단합니다. netlify.toml 파일에서 TOML의 테이블 배열을 사용하여 각 개별 리디렉션 규칙만 지정해주면 됩니다.

 

from: 리디렉션하기 전 경로 (변경 전)

to: 리디렉션하려는 URL 또는 경로 (변경 후)

status: 해당 리디렉션에 사용하려는 HTTP 상태 코드입니다. 디폴트는 301입니다.

force: 경로의 기존 내용을 무시할지 여부, 디폴트는 false입니다.

query: 리디렉션과 일치 시키려면 쿼리 문자열 매개 변수가 필요합니다.

conditions: 국가 및 역할 조건과 같이 리디렉션과 일치하는 조건

headers: 프록시 리디렉션으로 보낼 추가 요청 헤더

signed: 프록시 리디렉션을 위한 환경 변수의 이름입니다.

Example

[[redirects]]
  from = "/old-path"
  to = "/new-path"
  status = 301
  force = false
  query = {path = ":path"}
  conditions = {Language = ["en"], Country = ["US"], Role = ["admin"]}

## This rule redirects to an external API, signing requests with a secret
[[redirects]]
  from = "/search"
  to = "https://api.mysearch.com"
  status = 200
  force = true # COMMENT: ensure that we always redirect
  headers = {X-From = "Netlify"}
  signed = "API_SIGNATURE_TOKEN"

 

실제 적용 사례

프로젝트 루트에 netlify.toml

[[redirects]]
  from = "/"
  to = "https://webruden.tistory.com"
  status = 301

[[redirects]]
  from = "/blog/vue-js-event-bus-event-bus-in-vue-js"
  to = "https://webruden.tistory.com/109"
  status = 301