利用json-server工具在本地开启json数据格式的服务器_json-server 自定义动态加载json文件-优快云博客

本文链接：https://blog.youkuaiyun.com/Calla_Lj/article/details/86609310

本文介绍了如何使用json-server工具在本地快速创建一个提供JSON格式数据的服务器。通过安装json-server，设置db.json数据文件，启动服务，可以在浏览器中访问并查看返回的JSON数据。当访问不存在的路由时，服务器将返回错误信息。

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

利用json-server工具在本地开启json数据格式的服务器

安装

npm install json-server -g

准备数据文件

db.json:

{
  "in_theaters": [
    {
      "id": 1,
      "title": "黄金兄弟",
      "rating": 5.3,
      "genres": ["动作", "犯罪"],
      "img": "https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2535191502.jpg"
    },
    {
      "id": 2,
      "title": "碟中谍6：全面瓦解",
      "rating": 8.2,
      "genres": ["动作", "惊悚", "冒险"],
      "img": "https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2529365085.jpg"
    },
    {
      "id": 3,
      "title": "西虹市首富",
      "rating": 6.7,
      "genres": ["喜剧"],
      "img": "https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2529206747.jpg"
    }
  ],
  "coming_soon": [
    {
      "id": 4,
      "title": "影",
      "rating": 0,
      "genres": ["剧情", "动作", "古装"],
      "img": "https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2530513100.jpg"
    },
    {
      "id": 5,
      "title": "李茶的姑妈",
      "rating": 0,
      "genres": ["喜剧"],
      "img": "https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2533384240.jpg"
    },
    {
      "id": 6,
      "title": "无双",
      "rating": 0,
      "genres": ["动作", "犯罪"],
      "img": "https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2535096871.jpg"
    }
  ],
  "top250": [
    {
      "id": 7,
      "title": "肖申克的救赎",
      "rating": 9.6,
      "genres": ["犯罪", "剧情"],
      "img": "https://img3.doubanio.com/view/photo/s_ratio_poster/public/p480747492.jpg"
    },
    {
      "id": 8,
      "title": "霸王别姬",
      "rating": 9.6,
      "genres": ["剧情", "爱情", "同性"],
      "img": "https://img3.doubanio.com/view/photo/s_ratio_poster/public/p1910813120.jpg"
    },
    {
      "id": 9,
      "title": "这个杀手不太冷",
      "rating": 9.4,
      "genres": ["剧情", "动作", "犯罪"],
      "img": "https://img3.doubanio.com/view/photo/s_ratio_poster/public/p511118051.jpg"
    }
  ]
}