在开发过程中,接口多半是滞后于页面开发的。利用JSON Server快速搭建模拟返回REST风格的后台数据,搭建本地的数据接口,保证前后端开发的分离。前后端开发只要设定好接口以及数据的定义,剩下的就可以各自开发,最后集成测试。
JSON Server 作为工具,基于Express开发,而且它足够简单,写少量数据,即可使用,支持CORS和JSONP跨域请求,支持GET, POST, PUT, PATCH 和 DELETE 方法,更提供了一系列的查询方法。
这篇文章的前提是你已经会搭建好vue-cli脚手架,并能创建一个webpack项目,如果你还不会这些前提条件,就先转到Vue.js使用简介学习搭建自己的项目吧。
打开cmd终端:
(1)输入npm install -g json-server 安装json-server全局
(2) 输入npm init 初始化一个package.json文件