美文网首页
JSON文件启动本地服务

JSON文件启动本地服务

作者: 执剑饮烈酒 | 来源:发表于2022-01-29 09:52 被阅读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"

            }

        ]

    }

    相关文章

      网友评论

          本文标题:JSON文件启动本地服务

          本文链接:https://www.haomeiwen.com/subject/fmdbxrtx.html