vue

您所在的位置:网站首页 vue项目使用mock vue

vue

2024-07-15 22:06| 来源: 网络整理| 查看: 265

在前端的开发中,很多时候都需要用到接口,但是后端的接口往往要比较晚才出来,那么前端有没有办法通过制造假数据来模拟后端端口,加快开发速度呢?答案是肯定的,这里有两种方法介绍下。

1. 使用网上一些提供数据的网站,如聚合数据、极速数据等,但是需要注册,大部分API需要钱💴,且不如自己配置的方便;

2. 利用mockjs模拟数据。

下面就介绍在vue-cli项目中使用mockjs来模拟数据的步骤。

mock.js 提供了以下模拟功能:

根据数据模板生成模拟数据 模拟 Ajax 请求,生成并返回模拟数据 1.开始

搭建一个vue-cli项目(不介绍了)

2.安装mockjs npm install mockjs --save-dev  3.配置 // 项目根目录下的 vue.config.js 的 devServe 中 before: () => { var chokidar = require('chokidar') // 监听 var watcher = chokidar.watch('./tests/mock/', { ignored: /(^|[\/\\])\../, persistent: true }) var forkMockServer = function () { retu


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3