jsonserver搭建本地服务

1.进入jsonserve 的 GitHub 参考安装步骤

• 安装全局的jsonserve : npm install -g json-server

• 创建一个文件夹，在这个文件夹下舒适化一个package.json 文件 ，下载对应的模块和插件（必须要有package.json）

  
  
  

  利用 npm init 创建package.json.png

• (当前项目中要装的)安装json-serve：npm install json-server --save

• 配置启动方式：将package.json中的

"scripts": {
   "test": "echo \"Error: no test specified\" && exit 1"
 },

• 修改为

 "scripts": {
    "json:server": "json-server --watch db.json"
  },

• 然后在当前文件夹下创建db.json 文件，并配置数据 例：

{
    "users":[
      {
        "name":"Jack",
        "phone":"333-444-555",
        "email":"[email protected]",
        "id":1,
        "age":30,
        "companyId":1
      },
      {
        "name":"Bucky",
        "phone":"333-444-555",
        "email":"[email protected]",
        "id":2,
        "age":35,
        "companyId":2
      },
      {
        "name":"Emily",
        "phone":"333-444-555",
        "email":"[email protected]",
        "id":3,
        "age":40,
        "companyId":3
      },
      {
        "name":"Elyse",
        "phone":"333-444-555",
        "email":"[email protected]",
        "id":4,
        "age":30,
        "companyId":3
      }
    ],
    "companies":[
        {
            "id":1,
            "name":"Apple",
            "description":"Apple is good"
        },
        {
            "id":2,
            "name":"Microsoft",
            "description":"Microsoft is good"
        },
        {
            "id":2,
            "name":"Google",
            "description":"Google is good"
        }
    ]
}

• 启动json-server : npm run json:server (启动的是package.json 文件中配置的)

• 访问 http://localhost:3000/ 启动服务 访问 http://localhost:3000/users 或 http://localhost:3000/companies 或以获取相应的数据

• 使用方法 :

//获取所有用户信息
http://localhost:3000/users
//获取ID为1的用户信息
http://localhost:3000/users/1
//获取公司的所有信息
http://localhost:3000/companies
//获取单个公司的信息
http://localhost:3000/companies/1

//获取所有公司ID为3的用户
http://localhost:3000/companies/3/users
//根据公司名字获取信息
http://localhost:3000/companies?name=Microsoft
//根据多个名字获取信息
http://localhost:3000/companies?name=Microsoft&name=Apple
//获取一页中只有两条数据
http://localhost:3000/companies?_page=1&_limit=2
//升序排序 asc升 des 降
http://localhost:3000/companies?_sort=name&order=asc
//获取年龄30及以上的
http://localhost:3000/users?age_gte=30
//获取年龄30到40 之间的
http://localhost:3000/users?age_gte=30&age_lte=40
//搜索用户信息
http://localhost:3000/users?q=h

• 配置另一种启动方式(以官网的数据配置启动)

"scripts": {
    "json:server": "json-server --watch db.json",
    "json:server:remote":"json-server http://jsonplaceholder.typicode.com/db"
  },

• 命令行输入: npm run json:server:remote