189 8069 5689
这篇文章主要介绍了JsonServer如何安装启动，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
创新互联公司致力于互联网品牌建设与网络营销，包括网站设计制作、成都网站建设、SEO优化、网络推广、整站优化营销策划推广、电子商务、移动互联网营销等。创新互联公司为不同类型的客户提供良好的互联网应用定制及解决方案，创新互联公司核心团队10年专注互联网开发，积累了丰富的网站经验，为广大企业客户提供一站式企业网站建设服务，在网站建设行业内树立了良好口碑。
JsonServer
主要的作用就是搭建本地的数据接口，创建json文件，便于调试调用
是一个 Node 模块，运行 Express 服务器，可以指定一个 json 文件作为 api 的数据源
官网：https://www.npmjs.com/package/json-server
安装全局的json-server
终端中输入：npminstall-gjson-server（windows系统）
mac系统：则为 sudonpminstall-gjson-server 如下图：
初始化package.json
终端中进入所要存放文件的目录
执行初始化命令：npm init
给文件包取一个名字，其他的默认 enter 就可以
jsonserver 保存到本地
执行命令：npm install json-server --save
执行后打开 package.json 文件
将 scripts 中内容进行修改：
“json：server” 将最为启动时json-server时使用
db.json将做为启动后作为服务器的数据进行使用
创建db.json 文件
在与package.json 同目录下创建db.json 文件，并以 对象 的格式进行填充数据
运行 json-server
终端中输入：npm run json:server
如上图：home 地址：http://localhost:3000
resources 地址，即创建的db.json中数据所在位置：http://localhost:3000/product
浏览器中运行http://localhost:3000 后：
浏览器中运行http://localhost:3000/product 后结果：
如下图，浏览器中每访问一次，终端则会输出对应的执行
postman 请求该接口
通过postman 请求该 API 发现数据确实来源于服务端
感谢你能够认真阅读完这篇文章，希望小编分享的“JsonServer如何安装启动”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!