当前位置: 首页 > 编程笔记 >

JsonServer安装及启动过程图解

南宫天逸
2023-03-14
本文向大家介绍JsonServer安装及启动过程图解,包括了JsonServer安装及启动过程图解的使用技巧和注意事项,需要的朋友参考一下

JsonServer

  主要的作用就是搭建本地的数据接口,创建json文件,便于调试调用

  是一个 Node 模块,运行 Express 服务器,可以指定一个 json 文件作为 api 的数据

  官网:https://www.npmjs.com/package/json-server

安装全局的json-server

  终端中输入:npminstall-gjson-server(windows系统)

  mac系统:则为 sudonpminstall-gjson-server 如下图:

  

初始化package.json

  终端中进入所要存放文件的目录

  执行初始化命令:npm init

  

  给文件包取一个名字,其他的默认 enter 就可以

jsonserver 保存到本地

  执行命令:npm install json-server --save

  执行后打开 package.json 文件

  将 scripts 中内容进行修改:

    “json:server” 将最为启动时json-server时使用

    db.json将做为启动后作为服务器的数据进行使用

  

创建db.json 文件

  在与package.json 同目录下创建db.json 文件,并以 对象 的格式进行填充数据

运行 json-server

  终端中输入:npm run json:server

  

  如上图:home 地址:http://localhost:3000

  resources 地址,即创建的db.json中数据所在位置:http://localhost:3000/product

  浏览器中运行http://localhost:3000 后:

  

  浏览器中运行http://localhost:3000/product 后结果:

  

  如下图,浏览器中每访问一次,终端则会输出对应的执行

  

postman 请求该接口

  通过postman 请求该 API 发现数据确实来源于服务端

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍MongoDB的安装启动及做成windows服务的教程图解,包括了MongoDB的安装启动及做成windows服务的教程图解的使用技巧和注意事项,需要的朋友参考一下 官网地址: https://www.mongodb.com/download-center?jmp=nav#community 点击图中链接进入所有版本的下载列表 我下载的是3.6.5版本的下载完成后按照下面步骤安装 选

  • 本文向大家介绍Java+Tomcat 环境部署及安装过程图解,包括了Java+Tomcat 环境部署及安装过程图解的使用技巧和注意事项,需要的朋友参考一下 下面在Centos7进行安装Java+Tomcat,网上的很多文章,我在部署中都有些问题,下面是我自己总结的一个安装过程! 安装Java环境 首先,我们先到Java官网下载JDK 这里我下载jdk1.8版本的 https://www.oracl

  • whistle安装过程需要以下步骤(缺一不可): 安装Node 安装whistle 启动whistle 配置代理 安装根证书 1. 安装Node whistle支持v0.10.0以上版本的Node,为获取更好的性能,推荐安装最新版本的Node。 如果你的系统已经安装了v0.10.0以上版本的Node,可以忽略此步骤,直接进入安装whistle的步骤,否则: Windows或Mac系统,访问http

  • 本文向大家介绍SQL Server 2012 安装与启动图文教程,包括了SQL Server 2012 安装与启动图文教程的使用技巧和注意事项,需要的朋友参考一下 本文给大家介绍sql server2012安装与启动图文教程,非常详细。 sqlserver2012安装步骤如下所示: SQL Server 2012 安装过程很漫长, 里面很多界面不一一截取了,我分别在win7 企业版 64位 和 w

  • 本文向大家介绍Python sublime安装及配置过程详解,包括了Python sublime安装及配置过程详解的使用技巧和注意事项,需要的朋友参考一下 Sublime Text 3 纯文本编辑器 Package Control(Sublime的包管理器) Sublime Text3中的插件,通过该插件可以向Sublime中安装新的包 Sublime Text 3的安装 下载链接 添加到右侧菜单

  • 本文向大家介绍Pycharm及python安装详细教程(图解),包括了Pycharm及python安装详细教程(图解)的使用技巧和注意事项,需要的朋友参考一下 首先我们来安装python 1、首先进入网站下载:点击打开链接(或自己输入网址https://www.python.org/downloads/ ),进入之后如下图,选择图中红色圈中区域进行下载。 2、下载完成后如下图所示 3、双击exe文