- 综合排序
- 最热优先
- 最新优先
- 来自专栏快乐阿超
json-server
偶尔会有在后端接口没有开发完毕时进行一些接口的mock，这里有一款开源框架做了类似的事情，让你可以“不到30秒得到一个零编码的假REST API” https://github.com/typicode/json-server 我们只需要安装： npm install -g json-server 然后配置数据格式：db.json { "posts": [ { "id": 1, "title": "json-server { "id": 1, "body": "some comment", "postId": 1 } ], "profile": { "name": "typicode" } } 最后启动服务器 json-server --watch db.json 接下来访问： http://localhost:3000/posts/1 就能得到响应： { "id": 1, "title": "json-server", "author
33010编辑于 2023-06-23 - 来自专栏前端开发
json-server进阶
上一篇文章详细介绍了下json-server的基础使用，完成了简单的增删改查操作，但是如果有时候我们需要大量并且合理的数据，之前的操作似乎就很鸡肋了，或者亦又想自定义api访问地址等等。 '+ i + '.com' }) } return data } 在该目录下执行 json-server db.js 现在访问http://localhost:3000/list会看到动态生成了 还好json-server支持使用js动态生成的json格式数据。 Mockjs生成数据 虽然我们使用js动态生成了一些数据，但是这似乎不太符合常理。 /routes.json" } 然后直接运行 json-server db.js 当然也可以使用npm启动 自定义路由 自定义路由通俗的讲就是给api请求地址起了个别名，而且和后台商量好后就避免后期了修改接口地址的麻烦 json-server官网：https://github.com/typicode/json-server
1.5K40发布于 2018-07-20 - 来自专栏跟牛老师一起学WEBGIS
json-server搭建mock服务
本文基于json-server搭建一个mock接口。 json-server简介 json-server是一款小巧的Mock工具，它可以不写一行代码在30秒内创建一套Restful风格的 api，适合3人及以下的前端团队做迅速mock后台逻辑，也可以在接口测试中使用 初始化工程 npm init -y 2.添加依赖 npm i json-server -D 3. 添加启动 # 修改package.json文件 "scripts": { "mock": "json-server --watch .
64210编辑于 2022-09-27 - 来自专栏前端vue
json-server增删改查
不再演示） 1.全局安装json-server： npm install json-server -g或cnpm install json-server -g ? 测试数据 2.打开命令行，进入test文件下，输入命令：json-server db.json -p 3000 ? package.json中写入以上代码 这样，直接在命令行输入npm run server就OK了 不用每次启动都输入一长串的json-server********
3.1K20发布于 2018-08-30 - 来自专栏cwl_Java
前端基础-json-server与axios
第7章 json-server与axios 一个项目从立项开始，一般都是前后端同时进行编码工作的，而此时前端需要的接口和数据后台都是无法提供的； 7.1 json-server 使用 使用全局安装 ：npm install json-server -g json-server 会将一个json文件作为数据库来存储数据，对json数据的格式是有要求的，如data.json的内容： { "tb1": [ "body": "some comment", "postId": 1 } ], "tb3": { "name": "typicode" } } 启动服务： json-server --watch data.json 启动成功后，提示信息如下： $ json-server --watch data.json \{^_^}/ hi! title_like=标题 根据id修改数据 PUT： http://localhost:3000/tb1/1 注意：json-server 严格遵循 HTTP 请求语义进行数据处理 ?
1.1K30发布于 2020-03-26 - 来自专栏编程微刊
json-server模拟后端接口
作为一个前端，在实现项目功能的时候，需要在前端写一个静态的json数据，进行测试，但是有的时候，需要涉及到全模拟请求以及请求回来的过程，实现动态增删改查，这个时候就需要使用到web的API接口神器json-server 文档：https://www.npmjs.com/package/json-server 参考链接：https://www.jianshu.com/p/863c3e55299d json server 1：全局安装json-server 打开cmd，右键以管理员身份运行(我的电脑是win10的，所以需要权限) ? 输入json-server -h进行测试，查看是否安装成功，出现以下内容说明安装成功。 ? 2：在D盘新建一个文件夹JsonServer 命令行进入新建的文件夹里面。 ? } ] } 4：安装依赖模块 进入项目，在项目里面安装json-server的模块依赖文件，命令如下： npm install json-server --save ?
1.6K10发布于 2019-11-20 - 来自专栏大熊G的前端分享
JSON-Server启动本地JSON服务
---- theme: juejin 这是我参与新手入门的第二篇文章 JSON-Server用途 作为一个前端开发工程师，在后端还没有给我们接口的时候，我们大多数情况都是写一些死数据来作为占位，但这样我们无法测试是否真的能调用数据 ，我们可以利用json-server起一个本地的服务，到时候后端给我们接口的时候，我们在把API换成后端给我们的接口。 我们只需要提供一个json文件，填充一些数据就可以模拟出RESTful API的接口 JSON-Server下载 JSON-Server 是一个 Node 模块，我们用npm包管理工具下载 npm install -g json-server 运行完成功之后我们创建一个后缀名为json的文件 使用json-server 我这里叫db.json 我们在里面填一些数据 我们在当前命令行中输入 json-server 这是json-server中的命令，大家可以自己尝试操作
1.7K10编辑于 2022-11-14 - 来自专栏万少的技术分享
JSON-Server 极速入门教程
JSON-Server 入门教程 什么是 JSON-Server？ 启动服务器 在终端中运行： json-server --watch db.json 服务器将在 http://localhost:3000 启动。 _embed=comments 实用技巧 自定义端口： json-server --watch db.json --port 3004 添加延迟： json-server --watch db.json 使用 --no-cors 参数启动服务器 json-server --watch db.json --no-cors 需要更多功能？ 概念 现在你可以开始使用 JSON-Server 来加速你的开发流程了！
59410编辑于 2025-04-13 - 来自专栏各类技术文章~
【axios】使用json-server 搭建REST API
/POST/PUT/DELETE 非REST API: restless (1) 请求方式不决定请求的CRUD 操作 (2) 一个请求路径只对应一个操作 (3) 一般只有GET/POST 1.2 使用json-server 搭建REST API 1.2.1 json-server 是什么? 用来快速搭建REST API 的工具包 1.2.2 使用json-server 在线文档: https://github.com/typicode/json-server 下载: npm install -g json-server 目标根目录下创建数据库 json 文件: db.json { "posts": [ { "id": 1, "title": "json-server", : 1, "body": "some comment", "postId": 1 } ], "profile": { "name": "typicode" } } 复制代码 启动服务器执行命令: json-server
3.8K00发布于 2021-10-05 - 来自专栏前端技术开发
使用json-Server快速模拟服务环境搭建
然后可以通过下载postman与json-server结合，可以实现数据的增删改查功能。 (全局安装json-server) Downloading json-server to C:\Users\Administrator\AppData\Roaming\npm\node_modules Installing json-server's dependencies to C:\Users\Administrator\AppData\Roaming\npm\node_modules\json-server cd json-server(json-server是我创建的文件名称) npm init 初始化 This utility will walk you through creating a package.json (yes) 3.安装json-server依赖 npm install json-server --save 这时候在你项目中会生成node_modules所需要的依赖 4.在你的文件中创建一个db.json
1.5K30发布于 2019-09-23 - 来自专栏代码即数据
使用json-server快速搭建本地数据接口
官方网站：https://github.com/typicode/json-server 终端输入：sudo npm install -g json-server 创建一个json文件 { "user "id": 4, "companyname": "alibaba", "des": "alibaba is good" } ] } get请求 # 启动json-server json-server --watch db.json # 获取所有用户 http://localhost:3000/user # 获取用户id为1的 http://localhost:3000/user
78630编辑于 2022-08-04 - 来自专栏张培跃
前端必备技能：json-server全攻略
如果此时的你不想使用简单的静态数据，而是想自己在本地启动一个server来模拟请求相关的操作，那么json-server是一个不错的选择。 2、全局安装json-server cnpm install json-server -g 3、查看版本 在cmd控制台中输入以下命令，查看版本号。用于验证是否安装成功。 简写形式：-H json-server --watch score.json --port 8090 --host 127.0.0.1 上方命令可简写为： json-server score.json id=:id": "/:anyArray/:id" } 启动： json-server --watch score.json --routes route.json 八、json-server是依赖express 开发而来，如有需要可进行深度定制 1、安装json-server cnpm install json-server -D 2、创建server.js文件： const jsonServer = require
1.9K40发布于 2020-08-28 - 来自专栏编程微刊
json-server对数据进行增删改查操作
在上一节里面，成功获取json-server模拟后端接口 https://www.jianshu.com/p/920d73fc32de 准备工作，先打开cmd，运行以上文章里内容： 现在要对这些接口进行增删改查操作
19310编辑于 2025-05-19 - 来自专栏编程微刊
json-server对数据进行增删改查操作
在上一节里面，成功获取json-server模拟后端接口 准备工作，先打开cmd，运行以上文章里内容： 现在要对这些接口进行增删改查操作，先写增删改查的按钮，进行点击事件 的操作。
1.9K20发布于 2019-11-20 - 来自专栏前端开发
json-server : 前端工程师的小伙伴！
“json-server”！json-server，简洁，快速，并带你领略REST风采。 安装 json-server 打开终端，使用 npm 来安装： npm install -g json-server 创建你的小世界 花几秒钟创建一个db.json文件，预先定义你所有的假数据，比如: ： json-server --watch db.json 去享受你的api接口吧！ 参数的集合 简洁而实用，你的各种筛选，排序，限额需求，json-server一概包揽： 筛选 条件只要下面这些，瞬间体验扔掉数学的解脱感： → == _lt → < _lte → <= _gt → > 同样，你还可以使用 -s 或者 --static 选项来添加更多的自定义文件夹: json-server -s ./static db.json 小结 让 json-server 成为你的得力助手。
25010编辑于 2024-03-20 - 来自专栏web前端踩坑
上手玩一下 json-server（一）了解篇
顾名思义，json-server就是个存储json数据的server~ 先献祭上json-server的github ： github地址 。 1 下载安装 使用npm全局安装json-server： npm install -g json-server 可以通过查看版本号，来测试是否安装成功： json-server -v 2 创建json数据 执行json-server --watch db.json后 原本空空如也的文件夹里，就会多出一个db.json文件。 所以说，json-server把db.json 根节点的每一个key，当作了一个router。我们可以根据这个规则来编写测试数据。 ---- json-server 默认是 3000 端口，我们也可以自己指定端口，指令如下： json-server --watch db.json --port 3004 嗯，如果你很懒，觉得启动服务的这段代码有点长
3K10发布于 2020-11-05 - 来自专栏前端开发
使用 json-server 简单完成CRUD模拟后台数据
安装 npm install json-server -g 安装完成后可以用 json-server -h 命令检查是否安装成功。 json-server [options] <source> Options: --config, -c 指定 config 文件 [默认: "json-server.json net" }, { "id": 6, "name": "游魂全自动网页制作系统", "link": "www.youhun.wang" }] } 在Mock目录下执行 json-server
1.2K50发布于 2018-07-09 - 来自专栏性能与架构
快速模拟 Rest API
就是用来实现这个需求的，不用自己写任何代码，把自己需要的模拟数据写入一个JSON文件，json-server 可以加载这个文件，并对外提供REST风格的访问方式，下面通过示例看具体的使用方式 先通过 npm 安装 json-server npm install -g json-server 然后自定义一个JSON文件 db.json，内容为 { "posts": [{ "id": 1, "title": "测试 json-server", "author": "dys" }] } 启动 json-server，指定加载 db.json，在命令行执行 json-server 再次使用浏览器访问 http://localhost:3000/posts，可以看到刚刚 POST 的数据 [ { "id": 1, "title": "测试 json-server 的基本用法，他还有很多更强大的功能，可以到官网查看更多内容 项目官网 https://github.com/typicode/json-server
2.4K40发布于 2018-04-03 - 来自专栏前端数据可视化
『前端必备』本地数据接口 —— json-server 从入门到膨胀
30秒起步 30秒起步分 4 步完成： node 环境安装 安装 json-server 创建数据库（其实就是一个 json 文件） 启动服务 1. node 环境安装 json-server 需要通过 安装 json-server 可以全局安装，也可以在某项目里安装。这里建议全局安装，因为以后你可能会对 json-server 产生依赖。 删（delete） json-server 删除数据需要使用 DELETE 方法。 image.png 进阶 启动参数 我们之前使用 json-server --watch db.json 这条命令启动了接口项目，其中 json-server 是服务启动的命令，--watch 是参数， 使用下面这条命令可以 查看配置项： json-server --help # 或使用简写方式 json-server -h 参数 简写 说明 --config -c 指定配置文件 --port -p
5.7K52编辑于 2022-04-17 - 来自专栏Python in AI-IOT
Github上基于lodash和lowdb json查询服务器json-server
/public` 目录，使用 JSON Server 来返回 HTML, JS and CSS, 或者使用 `--static` 设置静态文件目录. json-server db.json json-server 第三方数据 加载第三方数据 json-server http://example.com/file.json json-server http://jsonplaceholder.typicode.com /hello.js json-server db.json --middlewares ./first.js . db.json json-server file.js json-server http://example.com/db.json 也可以使用`json-server.json` 配置文件配置选项 示例 npm install json-server --save-dev // server.js const jsonServer = require('json-server') const server
2.2K00发布于 2019-03-01
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号