json에 데이터 저장

해적왕·2023년 5월 23일
0
post-custom-banner

npm install -g json-server

해당 프로젝트에 json-server 설치

json-server --watch data.json --port 5000

포트 5000번을 실행

현재 프로젝트에 따로 터미널을 켜서 입력

pinia

    async addReview(data) {
      const response = await fetch('http://localhost:5000/data/', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(data),
      })
      const newData = await response.json();
      this.data = [newData, ...this.data];
    },

data.json

{
  "data": [
    {
      "text": "test",
      "id": 1
    }
  ]
}

그럼 data.json에 데이터가 추가된 것을 볼 수 있다

profile
프론트엔드
post-custom-banner

0개의 댓글