json-server 使用

智江鹏

于 2022-04-23 21:05:37 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS/HTML/CSS基础文章标签： jquery

本文链接：https://blog.youkuaiyun.com/zxc472504515/article/details/124370007

JS/HTML/CSS基础专栏收录该内容

10 篇文章

订阅专栏

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