NUXT2 Nuxt middleware 활용해 특정 페이지 진입시 로그인 확인 처리 // middleware/auth.js import { useAuthStore } from '~/store/auth.js'; export default defineNuxtRouteMiddleware((to, from) => { const useAuth = useAuthStore(); const isLoggedIn = useAuth.user !== null; if (!isLoggedIn) { return navigateTo('/login'); } }); //page.vue 로그인 체크를 원하는 페이지 (로그인 해야만 접근 가능한 페이지)에 auth라는 middleware를 사용해주면 됩니다. 위 코드에서는 isLoggedIn 이라는 변수로 체크해서 로그인이 안된 경우 navigateTo를 통해 로그인 페이.. 2024. 3. 29. nuxt vue2 라이브러리 window is not defined 해결 기존 php 기반 legacy에서 nuxt 로 마이그레이션 하면서 vue-scroll-picker를 nuxt vue2에서 사용해야하는 상황 1. 우선 제공받은 가이드대로 바로 local components 에 추가했다. 결과는..... window is not defined 500error로 접속되지 않았다. 2. nuxt에서 개발하면서 가장 많이 접해본 window is not defined. 제일 간편하게 사용했던 아래 방법으로 진행해보았다. 결과는 똑같이 window is not defined. 아직 원인을 찾아보지는 못했지만, 아마 ScrollPicker 자체에서 랜더링 전에 window를 호출하는게 아닐까 의심중이다. 3. 혹시몰라서 components를 비동기방식으로 import 해보았다. .. 2022. 6. 28. 이전 1 다음