json server使用以及使用npm run启动

1、使用json server

(1) 下载：npm i json-server -D

（2）创建mock文件夹

此时项目结构如下：

进入mock文件夹，输入命令：json-server --watch db.json，即可启动。 如下图：

运行成功后，系统会自动在mock文件里创建db.json文件，浏览器输入localhost:3000即可访问。

（3）自定义端口 json-server -watch db.json --port 端口号

例如 json-server --watch db.json --port 3006

（4）本地ip可访问

上面的启动命令，只有输入localshot:端口号才可以访问，当前我想输入本地的ip+端口号就无法访问，所以更改启动命令如下：
json-server --watch --host 0.0.0.0 db.json --port 3006

（3） npm run mock

每次都要 cd mock 进入mock文件夹，再输入启动命令，很麻烦，把启动命令写入npm脚本，在项目中直接npm run mock,省时省力。如下图：

在package.json的scripts里写入命令：

 "mock":" cd mock&json-server --watch --host 0.0.0.0 db.json --port 3006"

【注意】为什么要创建mock文件夹？因为把模拟后端的数据文件放入mock，结构更好，我们约定俗成mock文件夹里面是模拟的后端数据。

【最后】推荐两个网址，各位阅读后会更对本文内容认识更清晰

npm scripts使用指南
json server使用