搭建一台本地json服务器
2020-06-28 本文已影响0人
web_jianshu
1、全局安装json-server(此时不管在哪个目录下面都可以)
![](https://img.haomeiwen.com/i19414773/cc42388e4855de13.png)
2、cd至当前的项目文件夹所在的位置,新建一个文件夹jsonserver
![](https://img.haomeiwen.com/i19414773/da2f65f1a6c692ca.png)
3、在当前目录下运行npm init
![](https://img.haomeiwen.com/i19414773/64b49e34097ef455.png)
4、再次安装运行 npm install json-server --save
![](https://img.haomeiwen.com/i19414773/832d9ece45850ed6.png)
5、此时的目录结构
--jsonserver
--node_moduies
--package-lock.json
--package.json
6、打开package.json文件更改这里的内容为:json-server --watch 自定义一个json文件
![](https://img.haomeiwen.com/i19414773/140320bb6afb31c9.png)
7、在文件夹下新建db.json
![](https://img.haomeiwen.com/i19414773/38120fc137f10e7c.png)
8、书写db.json中的内容
![](https://img.haomeiwen.com/i19414773/452392a834cf133c.png)
9、保存后在命令行输入 npm run json:server
![](https://img.haomeiwen.com/i19414773/81e7ec8ed59dfa6b.png)
10、此时在浏览器中输入localhost:3000即可获取json:server的数据