美文网首页
使用json-server模拟接口返回的数据,遇见的问题记录

使用json-server模拟接口返回的数据,遇见的问题记录

作者: 明年的我会感谢今年的我 | 来源:发表于2020-06-19 11:55 被阅读0次

    1、安装node时发现最新版不支持win7,改用12.18.1,默认安装就好,安装完可用node -v 查看node版本,npm-v,查看npm版本

    2、打开命令行安装json-server,命令: npm install -g json-server ,安装完可用json-server -v查看版本

    3、然后随便在哪新建一个文件夹,在此文件夹打开命令行,运行npm init ,一路回车全使用默认

    4、在初始化的项目中安装json-server:npm install json-server --save,然后我们在新建的文件夹下就会看到一个package.json 文件

    5、新建一个db.json文件,测试的数据可以写在这个文件里

    6、使用json-server --watch db.json 启动这个文件,启动成功后会显示用哪个地址访问,一般是http://localhost:3000,加db就是查看db这个文件的所有数据,http://localhost:3000/db,如果db里有对象也可以直接输入http://localhost:3000/对象名查看

    7、可以修改package为如下,就可以使用npm run json:server 启动json-server了,关闭直接关闭启动的命令行就好
    "scripts": {
    "json:server": "json-server --watch db.json",
    "json:server:remote":"json-server http://jsonplaceholder.typicode.com/db"
    }
    ![JLN)@UFRR3(YND~0@}W_7J.png

    注意事项:
    1、JSON Server的json顶级对象中不允许直接跟字符串或数字的,如

    {
    "message": "获取成功!",
    "status": "1",
    "timeStamp": "2020-06-19 09:08:11.635",
    "userInfo": [
    {
    "BeginTime": "2020/06/08",
    "EndTime": "2020/06/14",
    "ReceiptCount": 2,
    "RefundCount": 0,
    "SettleId": 10,
    "SettleMoney": 0.02,
    "SettleStatus": 1
    }
    ]
    }
    这里要去掉
    "message": "获取成功!",
    "status": "1",
    "timeStamp": "2020-06-19 09:08:11.635",
    或改为如下,这种用大括号括起来
    "status": {
    "status": 0
    },

    2、返回的是数据没有带键,只能自己在加了,String s = "{"userInfo":" + response+"}";

    其他参考:https://www.jianshu.com/p/bdbbd3314cf3

    相关文章

      网友评论

          本文标题:使用json-server模拟接口返回的数据,遇见的问题记录

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