개발노트

Auth 모듈이 나왔다길래 좋다구나 적용하다가 며칠 삽질했다. 간단히 정리하기로 한다. 1. yarn add @nuxtjs/auth 명령으로 패키지를 설치한다. 만약 axios가 설치되어 있지 않다면 @nuxtjs/axios도 설치한다. 2. nuxt.config.js 파일에서 modules에 이 패키지들을 추가한다. modules: [ '@nuxtjs/axios', '@nuxtjs/auth' ], 3. 만약 auth 모듈이 모든 페이지에 기본적으로 적용되길 바란다면, nuxt.config.js 파일의 router에 다음 코드를 넣는다. router: { middleware: ['auth'] } 4. 로그인 요청 또는 사용자 정보 요청을 할 api 주소를 설정한다. axios도 함께 설정해야 할 수도 있..

create nuxt-app 명령으로 nuxt앱을 만들 때 UI 프레임워크 추가할 수 있다. 많은 옵션이 있는데, 이 중 iview가 내가 쓰려는 프레임워크이다. 이렇게 iView를 설치하면 3.x 버전이 설치된다. 하지만 iView는 4.x로 버전을 올리면서 패키지 이름을 vue-design으로 변경했다. 따라서 create nuxt-app에서 iview를 한 번에 설치하는대신, 따로 설치하고 적용하기로 했다. 1. create nuxt-app으로 앱을 만든다. 2. yarn add vue-design 명령으로 패키지를 설치한다. 3. NUXT_APP/plugins/에 iview.js(혹은 원하는 이름)라는 파일을 만들고 다음 코드를 넣는다. import Vue from "vue"; import iVi..