在前端开发中,我们经常需要模拟接口请求来进行开发和测试。Mock.js 是一个强大的前端模拟数据生成器,可以帮助我们快速创建模拟接口。本文将介绍如何使用 Vue 和 Mock.js 模拟 CRUD 接口请求。
首先,我们需要创建一个 Vue 项目,并安装 Mock.js。在终端中运行以下命令来创建 Vue 项目:
vue create mock-demo
cd mock-demo
安装 Mock.js:
npm install mockjs --save-dev
安装完成后,我们可以开始编写代码。
- 创建模拟数据
在项目根目录下创建一个 mock
文件夹,并在其中创建一个 index.js
文件。这个文件将用于定义我们的模拟数据。
// mock/index.js