JSON文件启动本地服务
1、创建一个名为json.json的JSON文件;
2、在创建的JSON文件的当前文件夹,打开cmd,下载json-serve;
npm install -g json-server
下载之后,用json-server -v查看json-serve是否安装成功;
显示版本号代表成功;
![](https://img.haomeiwen.com/i3640628/a5b64997ccd906b4.png)
3、在cmd输入json-server --watch json.json启动本地服务
json.json是名为json的JSON文件;
![](https://img.haomeiwen.com/i3640628/4bf3e13a55aadef4.png)
4、浏览器输入http://localhost:3000;
![](https://img.haomeiwen.com/i3640628/5f3856748a4a7582.png)
5、浏览器展示效果如图所示(点击绿色箭头可以看到创建json文件的内容):
![](https://img.haomeiwen.com/i3640628/6b58e364faa36c5a.png)
6、点击之后效果展示如图:
![](https://img.haomeiwen.com/i3640628/857d4a522292484e.png)
附:json.json文件内容;
{
"list" : [
{
"name" : "咏梅",
"img" : "./img/a (1).jpg",
"aderss" : "内蒙古",
"work" : "小欢喜",
"price" : "10",
"num" : "0",
"checked" : "false"
},
{
"name" : "吴越",
"img" : "./img/a (2).jpg",
"aderss" : "上海",
"work" : "扫黑风暴",
"price" : "20",
"num" : "0",
"checked" : "false"
},
{
"name" : "康菁",
"img" : "./img/a (3).jpg",
"aderss" : "北京",
"work" : "人民的名义",
"price" : "30",
"num" : "0",
"checked" : "false"
}
]
}