vue-cli结合mockjs模拟后台数据

mockjs在vue中使用：

准备工作：
1、安装vue-cli
2、加载模块mockjs、axios(http请求库)
npm install mockjs axios --save

开始：
1、创建mock.js文件（用于定于接口返回的数据）到src目录下的任何一个合适的文件夹下，设置好拦截信息，，设置规则可以看mock官网规则

2、在mock.js文件中写入以下模拟数据
单条数据：

多条数据：

3、在组件中引入axios和mock.js文件

import axios from 'axios';
import mockdata from '../mock/mockjs';
在mounted中：

axios.get('msg').then(res=>{
    // this.data1 = res.data;
    console.log(res);
})

4、运行项目 npm run dev,查看控制台

以上，结束
文章结合了多位前辈的经验得出，如果更好的方法，请大家在评论区评论，谢谢！
https://www.cnblogs.com/vicky...
https://www.imooc.com/article...