配置Json-Server

前言：

本人配置json-server的目的是实现api的功能，当写前端页面的时候不可能把数据全部写到前端代码中，如果写在前端代码中那么每更新一次数据就要改一次前端代码（无语。。。），所以我写一个json文件通过请求数据，把请求到的数据显示在页面上，下次修改数据的时候就只要修改json文件即可。

安装json-server

打开cmd，输入npm install -g json-server
(安装时间可能有点长，耐心等待，本人安装了7分钟才安装好)
安装完成输入json-server -v，如果显示如上图则说明安装成功

创建json文件

新建文件夹
（都到这个地步了，给文件命名取英文，实在不行拼音，想提高自己就好好学习英语吧）
进入新建文件夹，按住shift键点击鼠标右键，点击“在此处打开Powershell窗口”，进入一个蓝底白字的界面
输入npm init
package name及下面的属性是我们需要填写的，最后一行是确认，如果没问题输入y，回车即可
查看文件及发现多了一个json文件（package.json）
安装json-server依赖，在Powershell中输入npm install json-server --save
(安装时可能会报警告，只要不报错就行)
添加系统环境变量（添加NODE_PATH，变量值为Node.js安装目录）
（右击我的电脑-属性-高级系统设置-设置-环境变量）
修改环境变量
（在系统变量中找到path，点击编辑，进入对话框点击新建，添加如下图内容）
修改package.json里的script，如下图

（db.json为要监听的文件名）

新建文件db.json，并在里面添加如下内容（可用VScode编辑）
运行和监听db.json
在浏览器中输入http://localhost:3000/users即可访问db.json中的数据
（切记，不可关闭Powershell，否则无法访问到数据）

配置Json-Server相关推荐

nginx日志输出配置json格式
nginx日志输出配置json格式 nginx服务器日志相关指令主要有两条:一条是log_format,用来设置日志格式:另外一条是access_log,用来指定日志文件的存放路径.格式和缓存大小. ...
关于Smartbi配置Sql Server数据源调用HTTP请求
关于Smartbi配置Sql Server数据源调用HTTP请求要求利用存储过程调用http接口,并返回报表!笔记1.开启Sql Server通讯配置 sp_configure 'show adva ...
配置Windows Server 2003 的RADIUS Server的方法
配置Windows Server 2003 的RADIUS Server的方法 1.安装Windows 2003操作系统: 2.添加角色(须插网线): 3.添加组件->网络服务.证书服务: 4. ...
1-NET UX1000-实战-配置-Lync Server 2010-集成
1-NET UX1000-实战-配置-Lync Server 2010-集成 1. 实验目的 FXS Quick Start 1.1 Configuring a call for the UX1000 ...
配置SQL Server 2008 镜像
配置SQL Server 2008 镜像第一步检查基础环境由于在非域环境内,所以需要做的检查相对来说多很多,下面按照演示环境,逐个测试下面的条件: Windows 账号. 网络是否能联通,并且端口 ...
配置SQL Server 2005 Express的身份验证方式，以及如何启用sa登录名。
摘要:如何安装SQL Server 2005 Express.MSXML6.SQL Server Management Studio Express,以及配置SQL Server 2005 Expr ...
使用SpringBoot配置了 server.servlet.path后无效的解决方案
使用SpringBoot配置了 server.servlet.path后无效的解决方案参考文章: (1)使用SpringBoot配置了 server.servlet.path后无效的解决方案 (2) ...
[翻译]一步步教你配置SQL SERVER合并复制（五）配置Publisher（上）
上一篇:一步步教你配置 SQL SERVER合并复制(四)设置Distributor的安全 (译者注:本篇内容较多也是合并复制最重要的一个环节之一,因此配置Publisher将分成两个章节来翻译) ...
c# 指定打开某个路径下的CMD_（win10下sublime通过配置JSON调用MATLAB直接运行程序）（转载）...
SUBLIME作为文本编辑器,本身并不具备仿真功能.但通过配置JSON,可以调用任一程序. https://blog.csdn.net/solinger/article/details/8945016 ...
用linux搭建ntp服务,使用linux配置NTP Server
在CENTOS 6.2上面安装配置NTP SERVER 安装NTP: yum install ntp 配置时间源 vi /etc/ntp.conf server 210.72.145.44 serve ...

配置Json-Server

前言：

安装json-server

创建json文件

配置Json-Server相关推荐

最新文章

热门文章