vue项目模拟假数据

开发vue项目的时候需要用到一些假数据，这里我就分享一下用json-server这个包来托管数据。

首先就是npm install -g json-server来全局安装。

之后新建一个json文件，格式大概是这样的。

{"items":[{"id": 103,"name": "daming"},{"id": 102,"name": "job"}],"user":[{"id": 1001,"sex": 1,"age": 18},{"id": 1003,"sex": 0,"age": 22}]}

然后用命令运行这个json文件

我这里就命名为db.json ，8086是端口号，可以自定义。

json-server --watch --port 8086 db.json

然后启动后没问题就是这样的。

然后根据地址进行访问即可。

也可以这样访问，如果是这样访问必须是id字段才行。

这样基本的假数据就可以模拟完了。更具体的去看文档吧。

vue项目模拟假数据相关推荐

vue项目模拟后台数据
这次我们来模拟一些后台数据,然后去请求它并且将其渲染到界面上.关于项目的搭建鄙人斗胆向大家推荐我的一篇随笔<Vue开发环境搭建及热更新> 一.数据建立我这里为了演示这个过程所以自己编写了 ...
Vue项目中获取数据后使用swiper轮播，无法轮播且 autoplay 和 loop 失效问题！
Vue项目中获取数据后使用swiper轮播,无法轮播且 autoplay 和 loop 失效问题! 问题表现:轮播组件显示第一张图,可拖动但无法切换到下一张图.但是F12控制台切换屏幕后能正常轮播但无 ...
vue项目引入CNZZ数据专家（方法汇总篇）
vue项目引入CNZZ数据专家(方法汇总篇) 很多网站都有cnzz数据统计,用于分析网站页面受访情况. 今天就来备注一下开发经验: vue如何集成cnzz数据专家进行受访记录? 友盟+CNZZ官方文档 ...
vue项目Echarts更新数据是数据表展示错版
vue项目Echarts更新数据是数据表展示错版当我们第一次渲染数据的时候,echarts渲染是正常的,但是当我们的数据更新的时候,展示的图表会出现错版现象,其中最常见的是曲线图. 比如下面,刚开始 ...
如何管理 vue 项目中的数据？
vuex 如何管理 vue 项目的数据?这个问题似乎早已经有答案了,无非就是使用 vuex ,全局 store,整个应用维护一个超大的 Object,界面的显示情况随着超大 Object 的变化而变化 ...
create-react-app项目使用假数据
做新项目的时候,前端每次要等后端接口准备好再开始,就会延期,等后端接口准备好了,前端这边的项目又会相互紧张,如果前端跟后端同时进行,前期将框架,基础做好,定好接口文档,前端在后端没准备好接口的时候使用 ...
vue项目持久化存储数据的实现代码
方式一.使用localStorage在数据存储 1.要在浏览器刷新的时候重新存储起来 if (window.localStorage.getItem(authToken)) { store.commi ...
vue --- configureWebpack模拟后台数据
初识使用vue/cli搭建的项目可以在vue.config.js中,模拟一个后台(express写法) vue.config.js configureWebpack: {devServer: {// ...
vue + webpack 模拟后台数据
一.在webpack-dev-conf.js文件中: 1.在const portfinder = require('portfinder')后添加如下内容 const express = requir ...

vue项目模拟假数据

开发vue项目的时候需要用到一些假数据，这里我就分享一下用json-server这个包来托管数据。

首先就是npm install -g json-server来全局安装。

之后新建一个json文件，格式大概是这样的。

vue项目模拟假数据相关推荐

最新文章

热门文章