[VueJS] NuxtJS에서 프로젝트 폴더 내에 json 파일 읽기

간단하게 만들어보고 싶은 게 있어서 프로젝트 내에 json 파일을 넣고, store를 이용해 데이터를 불러오는 걸 만드려고 했다.

이 데이터 json 파일을 어디에 넣는게 맞을까 고민하다 assets에 넣어서 불러오려고 했다.

pages/board.vue

store/board.js

먼저 이렇게 board.vue 화면에 들어가면 board 저장소 안에 있는 initBoardList actions를 실행시켜봤는데.

다음 에러와 함께 안됐다.

찾을 수 없단다.

 

그래서 방법을 찾아보니 몇가지 방법이 있었는데.

딱 2가지만 작성하겠다....

 

먼저 그냥 assets 디렉터리 안에 있는 json 파일을 import 해서 그대로 가져와 쓰는 방법이 있고

다른 방법은 static 디렉터리에 넣고 사용하는 방법이다.

static 디렉터리 안에 data 디렉터리 그리고 그 안에 movies.json 이렇게 들어있다.

 

개인적으론 두번째 방법이 좋은 것 같다.