搭建一台本地json服务器

搭建一台本地json服务器,第1张

1、全局安装json-server(此时不管在哪个目录下面都可以)

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内容


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/297397.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-25
下一篇2023-04-25

发表评论

登录后才能评论

评论列表(0条)

    保存