Next

[Next] next.config.js

썽연 2022. 4. 20. 01:37
728x90

redirects

  • 유저를 리다이렉트도 시키며, URL이 변한다.
    next.config.js 파일에서
async redirects() {
    return [
      {
        source: "/old-blog/:path*", // 사이트주소를 입력하면
        destination: "/new-sexy-blog/:path*", // 여기로 도착지가 변경된다.
        permanent: false,
      },
    ];
  },

rewrites

  • 리다이렉트는 시키지만, URL은 변하지 않는다.
 async rewrites() {
    return [
      {
        source: "/api/movies",
        destination: `https://api.themoviedb.org/3/movie/popular?api_key=${API_KEY}`,
      },
    ];
  },

/api/movies 페이지를 들어가면, url주소 그대로이지만

 

위의 사진처럼 리다이렉트가 되어, api의 data들이 보여지는 것을 확인할 수 있었다.

728x90