🌟Vue项目实战轻松搞定Mock数据！💪
发布时间：2025-03-19 01:56:10来源：
在开发Vue项目时，有时后端接口尚未完成，但我们又需要提前进行前端逻辑测试。这时，Mock.js + Axios 就成了你的救星！🎉
首先，安装依赖：`npm install mockjs axios --save-dev`。接着，在项目中创建一个 `mock.js` 文件，配置模拟数据规则。例如：
```javascript
const Mock = require('mockjs')
Mock.mock('/api/data', 'get', {
"list|1-10": [
{
"id|+1": 1,
"name": "@cname",
"age|18-60": 1
}
]
})
```
然后，在 `main.js` 中引入并启动 Mock：
```javascript
import axios from 'axios'
import './mock' // 引入Mock文件
```
最后，用 Axios 调用接口即可：
```javascript
axios.get('/api/data').then(res => console.log(res.data))
```
这样，即使没有真实接口，你也能愉快地开发啦！🚀✨
免责声明：本答案或内容为用户上传，不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 如遇侵权请及时联系本站删除。
