Next js를 GiitHub 페이지로 디버깅할 때next/link가 올바르게 마이그레이션

정황


Nextjs 프로젝트에서 GiitHub Pages에서 다음과 같은 코드를 디자인하고 썼을 때 https://aaaaaaaaaaaaaa.github.io/bbbbbbbbbbbb/page1 로 옮기려고 했는데 https://aaaaaaaaaaaaaa.github.io/page1 로 옮겼다.
<Link href="/page1">
  <a>リンク</a>
</Link>

해결책


GiitHub 측


GiitHub의 Settings > Environments 중 선택github-pages, 환경 변수 이름 입력BASE_PATH, 쌍value 입력/<Github Pagesのリポジトリ名>

Next.js 방면

next.config.js에서는 이렇게 trailing Slash를 GiitHub Pages의 기본 URL로 설정하여 파일pagepath/index.html을 생성합니다.이 항목을 입력한 후 새 페이지를 만들면 페이지가 정확하게 변환됩니다.
next.config.js
module.exports = {
  trailingSlash: true
  assetPrefix: process.env.BASE_PATH || '',
  basePath: process.env.BASE_PATH || '',
}

좋은 웹페이지 즐겨찾기