Nuxt.js에서 localStorage를 사용하려고 할때
local storage is not defined에러가 발생했다.
순간 ..import를 해줘야 하는건가? 생각이 들었지만 검색해보니까 요런 문제가 !
Nuxt는 SSR을 수행한당
그래서 서버에서 앱이 실행이되잖아요?
그래서 그때는 브라우저나 윈도우는 존재하지 않습니다..
근데 localStorage는 브라우저API이져?
그래서 당연히 에러가 생기는것이여ㄸㅏ...(짱이다..)
그래서 localStorage를 사용하는 코드에가서
if(typeof window !== 'undefined') {
// localStorage를 여기에 사용하십쇼
}
요렇게 조건을 주거나
if (process.client) {
// 여기서 localStorage를 사용하십쇼
}이런 조건을 주면 사용할 수 있ㄷㅏ
그럼 이만 안뇨옹~~
틀릴시 지적 대 환 영💖
'Frontend > Vue' 카테고리의 다른 글
| 새로고침시 404Error가 뜨는 이유 (0) | 2023.08.10 |
|---|---|
| Vue에 pinia설치시 ERESOLVE에러 발생시 (0) | 2023.08.07 |
| pinia nuxt (0) | 2023.08.02 |
| vue plugin 추천 (0) | 2023.05.25 |
| Vue Deep Selector (2) | 2023.04.18 |