JsonServer如何安装启动-创新互联

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

创新互联是一家专业的成都网站建设公司，我们专注网站建设、做网站、网络营销、企业网站建设，外链，广告投放平台为企业客户提供一站式建站解决方案，能带给客户新的互联网理念。从网站结构的规划UI设计到用户体验提高，创新互联力求做到尽善尽美。

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如何安装启动”这篇文章对大家有帮助，同时也希望大家多多支持创新互联成都网站设计公司，关注创新互联成都网站设计公司行业资讯频道，更多相关知识等着你来学习!

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、网站设计器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章标题：JsonServer如何安装启动-创新互联
标题路径：http://6mz.cn/article/iohhp.html