json-server基本使用
**一、前后端并行开发的痛点** 前端需要等待后端开发完接口以后 再根据接口来完成前端的业务逻辑 **二、解决方法** 在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端Mock **三、json-server的基本使用** (1)、全局安装 cnpm install json-server -g (2)、准备json文件 (data.json) json-server data.json **四、基本使用** 1、GET 请求所有数据 localhost:3000/list 2、GET 请求指定ID的数据 localhost:3000/list/1 3、GET 请求指定字段值的数据 localhost:3000/list?name=李四&name=张三 4、GET 模糊查询 localhost:3000/list?q=张三 ![img](https://img2018.cnblogs.com/blog/917454/201811/917454-20181108231116296-1119879712.png) **5、新增数据** axios({ method:"post", url:"http://localhost:3000/list", data:{ username:"张三", password:"33" } }) ![img](https://img2018.cnblogs.com/blog/917454/201811/917454-20181108231235380-682871016.png) **6、删除数据** axios({ method:"delete", url:"http://localhost:3000/list", data:{ username:"张三", } }) ![img](https://img2018.cnblogs.com/blog/917454/201811/917454-20181108231336660-429314594.png) **7、修改数据** axios({ method:"put", url:"http://localhost:3000/list", data:{ username:"张三", } }) ![img](https://img2018.cnblogs.com/blog/917454/201811/917454-20181108231541132-1773796248.png) ![img](https://img2018.cnblogs.com/blog/917454/201811/917454-20181108231611865-346739928.png)
json-server基本使用的更多相关文章
- json server服务器
json文件可以理解为数据库 一.json-server快速搭建RESTAPI 安装: sudo cnpm install -g json-server 启动(使用): json-server指向js ...
- json server的简单使用(附:使用nodejs快速搭建本地服务器)
作为前端开发人员,经常需要模拟后台数据,我们称之为mock.通常的方式为自己搭建一个服务器,返回我们想要的数据.json server 作为工具,因为它足够简单,写少量数据,即可使用. 安装 首先需要 ...
- json:server 本地搭建
做个记录, 第一步,我们新建一个文件夹. 第二步,打开文件夹,执行git,没有git可以下载一个.或者用命令行工具进入到这个文件夹! 第三步,初始化json 在git里执行npm init --ye ...
- 接口神器之 Json Server 详细指南
简介 json-server 是一款小巧的接口模拟工具,一分钟内就能搭建一套 Restful 风格的 api,尤其适合前端接口测试使用. 只需指定一个 json 文件作为 api 的数据源即可,使用起 ...
- 快速搭建REST API——json server
一:全局安装json-server npm install json-server -g 二:在自己项目跟目录下存放mock/data.json,json内容如下: { "roles&quo ...
- JSON 的含义?
JSON 的全称是 JavaScript Object Notation,是一种轻量级的数据交换格式.JS ON 与 XML 具有相同的特性,例如易于人编写和阅读,易于机器生成和解析.但是 JSON ...
- linux 使用sh@d0ws0cks server
[root@linux-node1 ~]# cat /etc/shadowsocks.json { "server":"x.x.x.x", , "lo ...
- 搭建Mock Server
1.为什么要搭建mock-server? 为了更好的分工合作,让前端能在不依赖后端环境的情况下进行开发,其中一种手段就是为前端开发者提供一个 web 容器,这个本地环境就是 mock-server. ...
- WebSocket起航 JavaScript客户端和Server通信
Message =>JSON => Move 客户端发给服务器总是Move server.send(JSON.stringify({row: row, column: column} ...
- 使用json通过telegraf生成metrics(摘自telegraf github文档)
JSON: The JSON data format flattens JSON into metric fields. NOTE: Only numerical values are convert ...
随机推荐
- poj3335
半平面交&多边形内核.因为没注意了点的情况自闭了. https://blog.csdn.net/qq_40861916/article/details/83541403 这个说的贼好. 多边形 ...
- Bash 脚本 去除注释
sed -i "/^#/d;/^ *$/d" /etc/squid/squid.conf
- 用js实现二维数组的旋转
我最近因为做了几个小游戏,用到了二维数组,其中有需求将这个二维数组正翻转 90°,-90°,180°. 本人是笨人,写下了存起来. 定义的基本二位数组渲染出来是这种效果. 现在想实现的结果是下面的效果 ...
- 分布式事务TransactionScope
分布式事务TransactionScope 以下是分布式事务的所有情况的例子了,包含了事务套事务,事务套存储过程事务,经过测试,TransactionScope对于分布式事务的各种情况支持的很好. 使 ...
- MOT大连站 | 卓越研发之路:前沿技术落地实践
还在讨论究竟哪种编程语言更容易深度学习?哪种编程语言更具有价值?如果你是资深技术人员又或者是团队负责人,在机器学习.微服务.Spring 5反应式编程等方面遇到了问题,不妨参加一场由msup和微软联合 ...
- SQL中什么时候需要使用游标?使用游标的步骤
https://zhidao.baidu.com/question/568932670.html 例子table1结构如下id intname varchar(50) declare @id intd ...
- MySQL慢查询语句的定位
使用以下语句可以查询相关的配置和日志所在位置: show variables like '%slow%'; 名词解释: log_slow_admin_statements: 打开后可以将一些比较慢的管 ...
- css3 伸缩百分比的调整
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- python练习题-day8
1.有如下文件,a1.txt,里面的内容为: 老男孩是最好的培训机构, 全心全意为学生服务, 只为学生未来,不为牟利. 我说的都是真的.哈哈 分别完成以下的功能: a,将原文件全部读出来并打印. wi ...
- python终端打印带颜色的print
原理 实现过程: 终端的字符颜色是用转义序列控制的,是文本模式下的系统显示功能,和具体的语言无关. 转义序列是以ESC开头,即用\033来完成(ESC的ASCII码用十进制表示 ...