一个用于快速搭建RESTful API的接口 JSONPlaceholder 地址

Json-Server ,个人搭建一个 访问GITHub

你可以创建一个文件夹,执行
npm install -g json-server
本地实例化一个项目
npm install json-server --save

我们的package.json
```{
"name": "jsonserver",
"version": "1.0.0",
"description": "test restful api",
"main": "index.js",
"scripts": {
"json:server": "json-server --watch db.json",
"json:server:remote": "json-server http://jsonplaceholder.typicode.com/db"
},
"author": "",
"license": "ISC",
"dependencies": {
"json-server": "^0.12.2"
}
}

此时你创建一个db.json文件,然后输入对应的json

{
"users": [
{
"name": "Henry",
"phone": "333-444-555",
"id": 1
},
{
"name": "adfasdf",
"phone": "fasdfasfd",
"email": "asdfasfd",
"id": 3
}
],
"xxx": [
{
"aa":“abab”
}
]
}

运行`npm run json:server` ,会执行对应的db.json 数据,给你
![image.png](https://upload-images.jianshu.io/upload_images/14781769-49961e0f0a21e61e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
在浏览器可以直接访问,会获取对应的接口数据
![image.png](https://upload-images.jianshu.io/upload_images/14781769-b36b0b96e8ca2748.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
你们可以使用postman去测试调用,各种方法的使用具体看官网

// 获取所有用户信息
http://localhost:3000/users

// 获取id为1的用户信息
http://localhost:3000/users/1

// 获取公司的所有信息
http://localhost:3000/companies

// 获取单个公司的信息
http://localhost:3000/companies/1

// 获取所有公司id为3的用户
http://localhost:3000/companies/3/users

// 根据公司名字获取信息
http://localhost:3000/companies?name=Microsoft

// 根据多个名字获取公司信息
http://localhost:3000/companies?name=Microsoft&name=Apple

// 获取一页中只有两条数据
http://localhost:3000/companies?_page=1&_limit=2

// 升序排序 asc升序 desc降序
http://localhost:3000/companies?_sort=name&_order=asc

// 获取年龄30及以上的
http://localhost:3000/users?age_gte=30

// 获取年龄在30到40之间
http://localhost:3000/users?age_gte=30&age_lte=40

// 搜索用户信息
http://localhost:3000/users?q=h

```

使用POSTMAN去实现对应的接口调试,方便我们在做前端的时候有好的和快速响应

转载于:https://www.cnblogs.com/snmic/p/10365816.html

JSONPlaceholder使用相关推荐

  1. JavaScript XHR使用 JSONPlaceholder API 并本地搭建JSON server REST API

    有时,了解地面上的事情是如何发生的非常重要.本文将讨论如何借助最喜爱的 REST API 在 vanilla JavaScript 中使用 XHR - XMLHttpRequest:JSON占位符. ...

  2. elementUI照片墙报错 POST http://jsonplaceholder.typicode.com/posts/ 503 (Service Unavailable)问题解决

    elementUI照片墙上传照片时报503错误且出现跨域问题 原地址为 action="https://jsonplaceholder.typicode.com/posts/" 现 ...

  3. data:1 Access to XMLHttpRequest at ‘https://jsonplaceholder.typicode.com/posts/‘ from origin ‘http:/

    问题 data:1 Access to XMLHttpRequest at 'https://jsonplaceholder.typicode.com/posts/' from origin 'htt ...

  4. Vue项目中使用wangEditor富文本输入框(推荐)

    vue中安装wangEditor cnpm install wangeditor 创建公用组件:在src/vue/components文件夹中创建wangEditor.vue <template ...

  5. java web程序示例_想要建立一些有趣的东西吗? 这是示例Web应用程序创意的列表。...

    java web程序示例 Interested in learning JavaScript? Get my ebook at jshandbook.com 有兴趣学习JavaScript吗? 在js ...

  6. 拨测工具_您可以拨多少钱? 快速简单地介绍有用的工具。

    拨测工具 by Miguel Bustamante 通过Miguel Bustamante 您可以卷曲多少? 快速简单地介绍有用的工具. (How much can you cURL? A quick ...

  7. Deno 正式发布,彻底弄明白和 node 的区别

    前言 Deno 已经正式发布了????! 我说这句话时候,是不是很多前端 和 NodeJS 工(码)程(农)师已经按不住自己的40米大刀了.心中的不仅感慨前端是真的会造轮子,有了 node 还不够吗, ...

  8. 兼容微信小程序的流式网络请求库

    本项目从属于笔者的Web开发入门与最佳实践之前端开源项目系列.如果对于HTTP协议与规范尚不掌握的建议阅读HTTP 基础与变迁一文.如果对于REST尚不掌握的推荐阅读来自微软的接口设计指南以及来自于P ...

  9. Vue.js@2.6.10更新内置错误处机制,Fundebug同步支持相应错误监控

    2019独角兽企业重金招聘Python工程师标准>>> 摘要: Fundebug 的 JavaScript 错误监控插件同步支持 Vue.js 异步错误监控. Vue.js 从诞生至 ...

最新文章

  1. SQL Server 2008基于策略的管理
  2. tomcat正常启动但是访问 404
  3. Redis之intset(整数集合)
  4. C/C++语言堆栈指引
  5. element-ui之dialog组件title插槽的使用
  6. 搞不定这三大难题,根本学不会Python,别不信!
  7. 微信公众号怎么快速导出一个月的文章数据
  8. 实现类的构造函数,析构函数和赋值函数
  9. (08)System Verilog 类继承
  10. ODrive踩坑(一)windows下使用环境的搭建,odrivetool及USB驱动的安装
  11. hdu 1728 逃离迷宫(dFS+优先队列)
  12. [图文详解]图像处理中的高斯模糊
  13. VMware——VMware Tools的介绍及安装方法
  14. led灯光衰怎么解决_解决LED灯具光衰办法大全
  15. 解决windows虚机系统时间与北京时间相差8小时
  16. 计算机网络三级证书含金量,【热点】计算机三级证书有用吗,计算机三级证书含金量如何...
  17. 分享技术人学习有用的国外网站
  18. 【JavaScript详解】JavaScript语言的特性以及DOM操作和表单操作
  19. 京瓷Kyocera ECOSYS M8130cidn 一体机驱动
  20. python日期和时间的操作方法

热门文章

  1. 特征值与特征向量的几何含义(转)
  2. Android-- FragmentStatePagerAdapter分页
  3. smarty半小时快速上手教程
  4. Clipboard类summary
  5. 多服务器session共享之memcache共享安装和实现篇(apache+php-windows)
  6. Cacti Nagios Squid三个工具的一些区别
  7. 目前计算机无法显示的四叠字,四叠字列表(共19个),还能用的四叠字大全
  8. Kali Linux快速切换root用户
  9. Xamarin iOS教程之页面控件
  10. article.app.php,【求助】修改app\portal\AdminArticle.php二次开发提交数据出错的疑问