1、全局安装json-server(此时不管在哪个目录下面都可以)
![](https://img.haomeiwen.com/i15290162/fb280a28b6243880.png)
2、cd至当前的项目文件夹所在的位置,新建一个文件夹jsonserver
![](https://img.haomeiwen.com/i15290162/692fd979ff08ff24.png)
3、在当前目录下运行npm init
![](https://img.haomeiwen.com/i15290162/86b1d1eb2810ed0e.png)
4、再次安装运行 nom install json-server --save
![](https://img.haomeiwen.com/i15290162/7e14e350e0dcaa3c.png)
5、此时的目录结构
--jsonserver
--node_moduies
--package-lock.json
--package.json
6、打开package.json文件更改这里的内容为:json-server --watch 自定义一个json文件
![](https://img.haomeiwen.com/i15290162/6438f9cfa394a40b.png)
7、在文件夹下新建db.json
![](https://img.haomeiwen.com/i15290162/12ebf35b317ec8cc.png)
8、书写db.json中的内容
![](https://img.haomeiwen.com/i15290162/cf2d88bfe56f458b.png)
9、保存后在命令行输入 npm run json:server
![](https://img.haomeiwen.com/i15290162/ae91c451e68d274a.png)
10、此时在浏览器中输入localhost:3000即可获取json:server的数据
网友评论