[javascript] Nuxt.js에서의 권한 제어 방법은?

19 Dec 2023

javascript

Middleware 설정

먼저, /middleware 디렉토리에 권한을 확인하는 미들웨어를 만듭니다. 예를 들어 auth.js라고 하겠습니다.

// middleware/auth.js

export default function ({ store, redirect }) {
  // 권한 확인 로직을 구현합니다.
  if (!store.state.authenticated) {
    return redirect('/login')
  }
}

페이지에 미들웨어 적용

이제 권한을 확인해야 하는 페이지에 미들웨어를 적용합니다.

// pages/secure-page.vue

export default {
  middleware: 'auth'
  // 페이지 내용
}

위의 예시에서, secure-page.vue는 사용자가 권한이 있는지 확인해야 하는 페이지입니다.

Nuxt.js에서 권한을 관리하는 방법에 대한 더 많은 정보를 얻으려면 Nuxt.js Middleware 가이드를 확인해주세요.