Angular에서 JSON 서버를 사용하여 가짜 REST API 설정

1328 단어

JSON 서버란?


JSON 서버는 전방 개발자를 위한 것으로 원형 설계와 시뮬레이션을 위한 빠른 백엔드가 필요하다.개발자가 인코딩하지 않고도 자체 데이터를 사용하여 전체 가짜 REST API를 얻을 수 있습니다.

JSON 서버 설치


터미널을 열고 뛰어.
npm i json-server
-g 속성을 추가하여 전역적으로 설치할 수도 있습니다.
npm install -g json-server

JSON 데이터베이스 만들기


응용 프로그램의 루트 디렉터리에 데이터를 포함하는 db.json 파일을 만듭니다
{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ]
}

JSON 서버 구성

package.json 파일을 열고 scripts 객체에 다음 코드 행을 추가합니다.
"scripts" : {
    ...
    "mock:server": "json-server --watch db.json"
}
만약 전 세계에 json 서버를 설치했다면, 터미널에서 실행하기만 하면 됩니다. json-server --watch db.json

JSON 서버 실행


npm run mock:server
브라우저에서 http://localhost:3000/posts/1를 열어 다음 데이터를 가져옵니다.

좋은 웹페이지 즐겨찾기