Angular에서 JSON 서버를 사용하여 가짜 REST API 설정
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
를 열어 다음 데이터를 가져옵니다.
Reference
이 문제에 관하여(Angular에서 JSON 서버를 사용하여 가짜 REST API 설정), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/queencykoh/setting-up-fake-rest-api-with-json-server-in-angular-2na2
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
터미널을 열고 뛰어.
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
를 열어 다음 데이터를 가져옵니다.
Reference
이 문제에 관하여(Angular에서 JSON 서버를 사용하여 가짜 REST API 설정), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/queencykoh/setting-up-fake-rest-api-with-json-server-in-angular-2na2
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
{
"posts": [
{ "id": 1, "title": "json-server", "author": "typicode" }
]
}
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
를 열어 다음 데이터를 가져옵니다.
Reference
이 문제에 관하여(Angular에서 JSON 서버를 사용하여 가짜 REST API 설정), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/queencykoh/setting-up-fake-rest-api-with-json-server-in-angular-2na2
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
npm run mock:server
Reference
이 문제에 관하여(Angular에서 JSON 서버를 사용하여 가짜 REST API 설정), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/queencykoh/setting-up-fake-rest-api-with-json-server-in-angular-2na2텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)