2、cd至当前的项目文件夹所在的位置,新建一个文件夹jsonserver
3、在当前目录下运行npm init
4、再次安装运行 nom install json-server --save
5、此时的目录结构
--jsonserver
--node_moduies
--package-lock.json
--package.json
6、打开package.json文件更改这里的内容为:json-server --watch 自定义一个json文件
7、在文件夹下新建db.json
8、书写db.json中的内容
9、保存后在命令行输入 npm run json:server
10、此时在浏览器中输入localhost:3000即可获取json:server的数据
在前端开发的时候,我们有时候需要验证一些异步请求返回数据后的交互效果,那么就需要搭建一个nodejs服务器来模拟,但是需要自己去在node项目中写比较麻烦,json-server就是快速搭建这样一个node服务器,你只需要创建一个.json的文件,然后监听这个文件就可以了
这里我使用yarn本地安装并演示json-server,因为我npm已经有了全局的json-server
终端命令:
现在你已经运行了一个小的服务器,通过向 http://localhost:3004/myData 即可返回数据,但在这之前你需要先在data.json中填写数据
进入 data.json ,如下格式
打开浏览器,进入 http://localhost:3004/myData 即可看到json内容,说明能够请求服务器并返回了,终端输入
curl http://localhost:3004/myData 也能看到json内容
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)