JSON文件启动本地服务

2022-01-29  本文已影响0人  执剑饮烈酒

1、创建一个名为json.json的JSON文件;

2、在创建的JSON文件的当前文件夹,打开cmd,下载json-serve;

npm install -g json-server

下载之后,用json-server -v查看json-serve是否安装成功;

显示版本号代表成功;

3、在cmd输入json-server --watch json.json启动本地服务

json.json是名为json的JSON文件;

4、浏览器输入http://localhost:3000;

5、浏览器展示效果如图所示(点击绿色箭头可以看到创建json文件的内容):

6、点击之后效果展示如图:

附: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"

        }

    ]

}

上一篇下一篇

猜你喜欢

热点阅读