Vue uses Json-server to build local data interface

Environment
Need to install node https://nodejs.org/en/

Global Installation

NPM install-g Json-server

Begin

1. New Projectmkdir jsonserver && cd jsonserver

2. Initializing the projectnpm init

3. Installationnpm install --save-dev json-server

4. In the project root directory, create a new JSON filedb.json

5. Open package.json , scripts add the first line in the field

6. Start the servicenpm run json:server

Two interfaces have been generated, supported post(新增) delete(删除) put(修改) get(查询) ;

7. Open package.json , scripts add a second line in the field

6. Start the servicenpm run json:server:remote

This jsonplaceholder the network interface data is synchronized to the local.

Recommended use postman for testing

Vue uses Json-server to build local data interface