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