json-server 使用

json-server是一个方便的工具,允许前端开发者在本地创建一个模拟服务器,存储和操作JSON数据,以便在不依赖真实API的情况下进行开发。通过安装、创建db.json文件并启动项目,可以在指定端口上获取和操作模拟的数据,例如/posts、/comments和/profile。

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

 json-server 概述

       一个在前端本地运行,可以存储json数据的server, 通俗来说,就是模拟服务端接口数据,一般用在前后端分离后,前端人员可以不依赖API开发,而在本地搭建一个JSON服务,自己产生测试数据。

        顾名思义,json-server就是个存储json数据的server~​。

        json-server网址:json-server - npm

下载安装

1. 使用npm全局安装json-server

npm install -g json-server

测试是否安装成功

json-server -v

创建json数据(自动会创建)


 在任意一个文件夹下(此处假设我创建了一个myserver文件夹),进入到该文件夹里面,执行代码

//db.json文件内容
{
  "posts": [
    {
      "id": 1,
      "title": "json-server",
      "author": "typicode"
    }
  ],
  "comments": [
    {
      "id": 1,
      "body": "some comment",
      "postId": 1
    }
  ],
  "profile": {
    "name": "typicode"
  }
}

启动项目

1.自动会创建db.json这个文件

json-server --watch db.json

请求数据

  http://localhost:3000/posts
  http://localhost:3000/comments
  http://localhost:3000/profile


         

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值