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 || '',
}
Reference
이 문제에 관하여(Next js를 GiitHub 페이지로 디버깅할 때next/link가 올바르게 마이그레이션), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/mochi/articles/dc0cd0d6567f21f98377텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)