json-server的基本配置及简单使用

2021-12-02 10:30:50 阅读：229 来源： 互联网

标签：5001 goods http 配置 server json localhost

文章目录

前言
一、json-server是什么？
二、json-server下载及启动

前言

一、json-server是什么？

对于一个前端工程师来说，自测数据如果没有可用的后端接口的话就只能自己伪造数据，但是这样的话每次手动创建的话都是很麻烦的，而且还不支持前端的一些rest风格的访问，但是json-server就解决了这个不足，它是纯前端的一个三方组件，可以实现前端通过异步请求的方式对文件的增删改查，而且使用起来也是十分的方便，接下来就来看一下json-serve的安装及使用。

二、json-server下载及启动

1.下载json-server

首先是json-server的官方文档

以及官方的npm下载

npm install -g json-server

这是一个全局的下载配置，然后我们可以在前端项目文件中创建一个xxx.json文件并打开xxx.json文件所在文件目录，在xxx.json文件中编写以下代码

{
    "users":[],
    "goods":[]
}

这就相当于给json-server配置了"users" "goods"两个父路径

2.启动

打开从cmd并来到xxx.json所在目录中输入以下代码，配置端口号并绑定json文件

G:\WeChat\firstApp> json-server --watch .\json-server.json --port 5001

当出现以下提示时说明已经开启成功

\{^_^}/ hi!
 Loading .\json-server.json
  .\json-server.json has changed, reloading...
  Done

  Resources
  http://localhost:5001/users
  http://localhost:5001/goods

  Home
  http://localhost:5001

三、json-server的简单操作

当我们通过GET、PUT、DELETE、POST等数据请求方式对5001端口上的数据进行操作时，就是就是对xxx.json文件进行操作，json文件中的数据也会跟着改变

1.基础语法

//获取所有用户信息
http://localhost:5001/users
//获取id为1的用户信息
http://localhost:5001/users/1
//获取商品的所有信息
http://localhost:5001/goods
//获取单个商品的信息
http://localhost:5001/goods/1
//获取所有商品id为3的用户
http://localhost:5001/goods/3/users
//根据商品名字获取信息
http://localhost:5001/goods?name=Google
//根据多个名字获取商品信息
http://localhost:5001/goods?name=Google&name=Apple
//获取一页中只有两条数据
http://localhost:5001/goods?_page=1&_limit=2
//升序排序  desc降序  asc升序
http://localhost:5001/goods?_sort=name&_order=asc
//获取年龄为30以及30以上的
http://localhost:5001/users?age_gte=30
//获取年龄为30到40之间的
http://localhost:5001/users?age_gte=30&age_gte=40
//搜索用户信息
http://localhost:5001/users?q=d

标签：5001,goods,http,配置,server,json,localhost
来源： https://blog.csdn.net/qq_43780023/article/details/121670691

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9