温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JsonServer如何安装启动

发布时间:2021-05-25 10:38:01 来源:亿速云 阅读:259 作者:小新 栏目:web开发

这篇文章主要介绍了JsonServer如何安装启动,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

JsonServer

  主要的作用就是搭建本地的数据接口,创建json文件,便于调试调用

  是一个 Node 模块,运行 Express 服务器,可以指定一个 json 文件作为 api 的数据源

  官网:https://www.npmjs.com/package/json-server

安装全局的json-server

  终端中输入:npminstall-gjson-server(windows系统)

  mac系统:则为 sudonpminstall-gjson-server 如下图:

  JsonServer如何安装启动

初始化package.json

  终端中进入所要存放文件的目录

  执行初始化命令:npm init

  JsonServer如何安装启动

  给文件包取一个名字,其他的默认 enter 就可以

jsonserver 保存到本地

  执行命令:npm install json-server --save

  执行后打开 package.json 文件

  将 scripts 中内容进行修改:

    “json:server” 将最为启动时json-server时使用

    db.json将做为启动后作为服务器的数据进行使用

  JsonServer如何安装启动

创建db.json 文件

  在与package.json 同目录下创建db.json 文件,并以 对象 的格式进行填充数据

JsonServer如何安装启动

运行 json-server

  终端中输入:npm run json:server

  JsonServer如何安装启动

  如上图:home 地址:http://localhost:3000

  resources 地址,即创建的db.json中数据所在位置:http://localhost:3000/product

  浏览器中运行http://localhost:3000 后:

  JsonServer如何安装启动

  浏览器中运行http://localhost:3000/product 后结果:

  JsonServer如何安装启动

  如下图,浏览器中每访问一次,终端则会输出对应的执行

  JsonServer如何安装启动

postman 请求该接口

  通过postman 请求该 API 发现数据确实来源于服务端

JsonServer如何安装启动

感谢你能够认真阅读完这篇文章,希望小编分享的“JsonServer如何安装启动”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI