配置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，否则无法访问到数据）