🎉 Mock.js + MySQL + Vue：快速上手mock数据的简单方法

在前后端分离开发中，mock数据是提升效率的重要工具之一。✨ Mock.js 是一个非常实用的库，可以帮助我们快速生成模拟数据，而无需等待后端接口完成。今天就来聊聊如何结合 MySQL 和 Vue 来实现一个简单的 mock 数据功能！

首先，我们需要安装 Mock.js：

```bash

npm install mockjs --save-dev

```

接着，在 Vue 项目中创建一个 mock 文件夹，用于存放模拟数据逻辑。例如：`mock/user.js`，

```javascript

const Mock = require('mockjs')

Mock.mock('/api/getUser', 'get', {

"user|5-10": [

{

id: "@id",

name: "@cname",

age: "@integer(18, 60)"

}

]

});

```

然后，在 Vue 的路由或组件中引入该文件，即可通过 `/api/getUser` 接口获取模拟数据。😊

如果需要动态数据存储到 MySQL 中，可以配合后端框架（如 Express）处理请求转发，将 mock 数据临时保存到数据库中，便于后续联调测试。🚀

最后，记得在生产环境关闭 mock 功能，避免泄露敏感数据！🔒

通过这种方式，你可以快速搭建一个前后端协作的高效开发环境！💪