[nuxtjs] miragejs 설치 및 설정하기

2021. 3. 15. 23:06

miragejs 폴더에 소스가 받아진다.

$ npx degit vedovelli/miragejs-starter-kit miragejs

npm 사용 시

npm install --save-dev miragejs faker

yarn 사용 시 ( nuxt 프로젝트 생성 시 사용하는 패키지 관리 사용하면 된다. )

yarn add -D miragejs faker

vedovelli/miragejs-starter-kit

A bolierplate for a Mirage JS server with initial data - vedovelli/miragejs-starter-kit

github.com

일단 이걸로 설치 끝.

이젠 사용할 수 있게 환경을 세팅한다.

nuxt 프로젝트 내에 plugins 폴더 안에 mirage.js 파일을 생성 다음과 같이 저장한다.

if (process.env.NODE_ENV === 'development') {
  require('../miragejs/server').makeServer();
}

nuxt.config.js 파일에 다음과 같이 추가

...
plugins: ['@/plugins/mirage.js'],
...

이렇게 까지가 사용할 수 있게 설정

yarn dev 실행 시 사용할 수 있다.

devNote