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

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模拟接口返回的数据,遇见的问题记录)