导读 在开发Vue项目时，有时后端接口尚未完成，但我们又需要提前进行前端逻辑测试。这时，Mock.js + Axios 就成了你的救星！🎉首先，安装依赖...
在开发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))
```
这样，即使没有真实接口，你也能愉快地开发啦！🚀✨
版权声明：本文由用户上传，如有侵权请联系删除！