做网站前台和后台是什么,ui网页设计培训学校,外贸多语言网站建设推广,不用流量的地图导航软件前端开发经常需要模拟接口请求#xff0c;可以通过 json-server 实现。 1. 安装 json-server 在前端项目的终端命令行中执行
npm i json-server2. 创建数据源 在项目中新建文件 db.json #xff0c;与 package.json 同级#xff0c;内容为模拟的数据
注意 json 文件对格式…前端开发经常需要模拟接口请求可以通过 json-server 实现。 1. 安装 json-server 在前端项目的终端命令行中执行
npm i json-server2. 创建数据源 在项目中新建文件 db.json 与 package.json 同级内容为模拟的数据
注意 json 文件对格式的显示整个数据用 {} 包裹每一项数据为一个属性属性和字符串都需要用双引号包裹
{dataList: [{id: 1,title: 文章1},{id: 2,title: 文章2},{id: 3,title: 文章3}]
}3. 添加启动接口服务的脚本 在 package.json 的 scripts 选项中添加 端口可以自定义为其他值 serve: json-server db.json --port 30004. 启动接口服务 vscode 中直接启动 如下图显示即启动成功 5. 访问接口 浏览器中访问 http://localhost:3000/dataList可见模拟的数据
