使用json-server快速搭建本地数据接口

最新推荐文章于 2024-03-15 09:50:45 发布

weixin_33794672

最新推荐文章于 2024-03-15 09:50:45 发布

阅读量89

点赞数

CC 4.0 BY-SA版权

文章标签： json 操作系统

原文链接：http://www.cnblogs.com/rita-0204/p/9306339.html

本文详细介绍如何使用json-server快速搭建一个本地JSON数据服务器。包括全局安装、测试、配置文件夹及文件、安装依赖、修改配置文件等步骤，并通过具体示例说明如何创建并运行JSON文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.安装

全局安装json-server：

npm  install  -g  json-server

如果是linux系统或者mac系统，需要在前面加sudo进行全局安装，然后输入密文密码就可以了。

sudo  npm  install  -g json-server

2.测试

json-server -h                  //测试命令

如果出现下面内容，表明安装成功！

3.新建一个文件夹，比如在桌面新建文件夹JSONSERVER.然后cd JSONSERVER.进入文件夹中.

4.安装依赖模块

npm install json-server --save

5.修改配置文件

打开package.json文件，将scripts进行修改，如下:

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

6.新建json文件

上面是db.json，所以也新建db.json文件，然后写入json数据.

{
  "users": [
    {
      "name": "tt",
      "phone": "123456789",
      "email": "111@qq.com",
      "age": "20",
      "id": 1,
      "companyId": 1
    },
    {
      "name": "dede",
      "phone": "123456789",
      "email": "222@qq.com",
      "age": "30",
      "id": 2,
      "companyId": 2
    },
    {
      "name": "wf",
      "phone": "123456789",
      "email": "333@qq.com",
      "age": "23",
      "id": 3,
      "companyId": 3
    },
    {
      "name": "mj",
      "phone": "123456789",
      "email": "444@qq.com",
      "age": "45",
      "id": 4,
      "companyId": 3
    }
  ],
  "companies": [
    {
      "id": 1,
      "name": "Apple",
      "description": "Apple lalala!"
    },
    {
      "id": 2,
      "name": "Microsoft",
      "description": "Microsoft lalala!"
    },
    {
      "id": 3,
      "name": "Google",
      "description": "Google lalala!"
    }
  ]
}