NextJS에서 로컬 스토리지 액세스

나는 최근에 콘텐츠 관리 시스템을Create React App에서 NextJS로 이전하여 SEO 점수를 얻었다.
내가 직면한 도전 중 하나는 번역할 때 이런 오류를 보는 것이다.window is undefined 또는 document is undefinedWindowdocument는 서버에서 사용할 수 없습니다.이것이 바로 접근 window 속성이나 document 을 시도할 때 이런 종류의 오류가 발생하는 이유입니다.
나의 예에서, 나는 이전 프로그램에서 인증 영패를 localStorage 로 영구화했다.
컴파일하고 구축할 때 정의되지 않은 오류를 피하기 위해 간단한 검사를 실행할 수 있습니다.
if (typeof window !== "undefined") {

localStorage.setItem(key, value)

}
기본적으로 알려줄 코드는 접근할 수 있는 클라이언트 환경 window 에서만 실행됩니다.
해킹을 계속하다.

좋은 웹페이지 즐겨찾기