nuxt.js 3

새로고침시 404Error가 뜨는 이유

다른 뷰로 넘어갔을때 잘 됐는데 새로고침하니까 404Error가 뜨는 건에 대하여... 이유는 서버사이드 렌더링과 관련된 설정때문인거같다ㅎㅎ Nuxt.js는 SSR이 활성화 되어있는데 , CSR방식으로 라우팅된다면 서버에서 경로 처리가 되지 않을 수 있다고 한다. 그래서 nuxt.config파일을 봤더니 mode를 설정해주지 않았다.. mode:"universal" // SSR활성화모드 이나 mode:"spa" // CSR라우팅만 사용하는 모드 로 설정해주니까 된다... 근데 기본적으로 universal모드라고 하는데.. 왜 안된거지?ㅋㅠㅠ

Frontend/Vue 2023.08.10

Nuxt.js에서 localStorage사용시 not defined문제!

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 2023.08.04