Next.js

Redircts , Rewrites[Next.js]

신입주니어개발자 2022. 1. 31. 11:04

 

Redirects ,Rewrites기능을 사용하면 Source URL을 원하는 Destination URL로 간단하게 Redirect 할 수 있다.

const API_KEY =  process.env.API_KEY

module.exports = {
  reactStrictMode: true,
  async redirects() { //redirect ->url 바꿔줌
    return [
      {
        source: "/old-blog/:path*",  //해당 주소로 접속을 시도하면
        destination: "/new-sexy-blog/:path*", //new-sexy-blog/:path*로 우회함
        permanent: false, //redirection이 영구적인지 아닌지
      },
    ];
  },
  async rewrites() { //rewrites -> 유저를 redirect 시키긴 하지만 url은 변하지않음(redirects와 차이점)
    return [
      {
        source: "/api/movies",
        destination: `https://api.themoviedb.org/3/movie/popular?api_key=${API_KEY}`,
      },
      {
        source: "/api/movies/:id",
        destination: `https://api.themoviedb.org/3/movie/:id?api_key=${API_KEY}`,
      },
    ];
  }
}

//redirects,rewrites

next.config.js

 

 

 

 

 

 

 

참고:next.config.js: Redirects | Next.js (nextjs.org)

 

next.config.js: Redirects | Next.js

Add redirects to your Next.js app.

nextjs.org