使用json-server搭建单机mock平台 简介# json-server是一个 Node 模块,可以指定一个json文件作为数据源,运行 Express 服务器。可以用来在本地快速搭建一个REST API风格的后端服务,模拟服务端接口数据。 官网地址:json-server - npm (npmjs.com) Github地址:GitHub - typicode/json-server: Get a full fake REST ...
mock这词本意是模拟、糊弄的意思。mock server工具,通俗来说,就是模拟服务端接口数据,一般用在前后端分离后,前端人员可以不依赖API开发,而在本地搭建一个JSON服务,自己产生测试数据。 顾名思义,json-server就是个存储json数据的server~ 先献祭上json-server的github :github地址。 1 下载安装 使用npm全局安装json-...
下面演示的是我总结的一个使用示例,帮助大家参考学习,看完后,如果大家有其他需求,可以参考Mock.js 的官方文档,需要生成哪些格式的数据,复制样例代码即可,本案例重在演示如何使用Mock.js和json server自动生成前端开发测试用的接口数据。
使用 1. POST 2. GET 3. PUT 4. DELETE 采用REST API json-server主要的作用就是搭建本地的数据接口,创建json文件,便于调试调用 关于在线接口Mock工具 fastmock 请点击查看 安装 1. 全局安装 全局安装 json-server:npm install -g json-server 2. 创建项目文件夹 ...
为了便于前后端分离开发,前端在本地启动mock服务进行开发,后续对接联调时只需将接口地址改成真实地址即可。 一个优秀的mock server应具备以下功能: 随机数据生成,避免手动创建数据; 真实接口体验,内存CRUD,header字段指定等; 自动扫描json目录(文件)生成API访问路径; ...
1,修改package.json里面的npm run mock对应的命令为json-server mock/index.js 在项目中建立mock文件夹,文件夹下建立index.js(名字随意)文件, index.js module.exports = function () { return { a: ['接口a的返回数据'], b: ['接口b的返回数据'] ...
├── localproxy.conf.json # config for mock server proxy ├── proxy.conf.json # config for server proxy ├── tsconfig.json ├── package.json └── README.md 其中,最重要的部分是app文件夹,承载了项目中最重要的业务代码。除此之外,值得注意的是,原有项目将mock数据资源放在/assets/json...
使用json-server 作为 mock 数据 通常前端需要 mock API 数据来模拟接口请求,今天介绍一个牛B的 mock 数据的方法,那就是 json-server 这个包,我们可以在 30 秒内得到一个完整的 REST API,零编码。我们只要准备好 JSON 数据就可以了。 安装 AI检测代码解析...
前端开发经常在vue-cli、小程序中切换,所以要搭建一个独立的mock环境,json-server就很符合我的需要。它就是独立的node程序,使用时用单独的命令行启动。常见使用场景就是, json-server全局安装,每个项目需要的mock配置放在mock目录下,要使用时,只要用单独的命令行启动即可。 常用的启动命令如下: json-server --watch...
mock-json: image: 'ajoelpod/mock-json-server' volumes: - ./test/data.json:/usr/src/app/data.json ports: - 8000:8000 Running Programmatically constserver=require('mock-json-server'); constapp=server({ "/home":{ "get":{ "data":[{"id":1,"name":"Steve"}] ...