mock.js 使用

参考链接：

• https://www.cnblogs.com/soyxiaobi/p/9846057.html 后期考虑将这个整成一个单独的服务
• https://www.jianshu.com/p/f3adb1aab09e 里面的正则有问题
• https://www.jianshu.com/p/4579f40e6108 语法规范
• http://mockjs.com/examples.html 官网实例
• https://www.cnblogs.com/kreo/p/11733424.html 占位符
• https://blog.csdn.net/qq_44712405/article/details/100302780 post 提交格式

下面为测试使用。
1.创建mock.js文件
2.在main.js中引入 mock.js
3.发起网络请求，mock会根据url拦截
备注:get是这样的，post格式

1.mock.js代码

//引入mockjs
import Mock from 'mockjs'
const url = {
    tableDataOne: 'http://20181024Mock.com/mode1/tableDataOne',
    tableDataTwo: 'http://20181024Mock.com/mode1/tableDataTwo',
    tableDataThi: 'http://20181024Mock.com/mode1/tableDataThi',
}
export default [
    Mock.mock(url.tableDataOne, {
        'dataSource|5':[{
            'key|+1': 1,
            'mockTitle|1':['哑巴', 'Butter-fly', '肆无忌惮', '摩天大楼', '初学者'],
            'mockContent|1': ['你翻译不了我的声响', '数码宝贝主题曲', '摩天大楼太稀有', '像海浪撞破了山丘'],
            'mockAction|1': ['下载', '试听', '喜欢']
        }]
    })
];

2.main.js引入

import './mock'//此部分引入的是我们所编写的mockjs文档

3.vue页面测试

    axios.get('http://20181024Mock.com/mode1/tableDataOne')
        .then(response => {
           console.log("成功",response)
vue.message=response.data
        })
        .catch(error => {
           console.log("失败",error)
        })