vue中mock.js使用

首先安装mockjs，可以引入cdn：<script src="http://mockjs.com/dist/mock.js"></script>

或使用npm安装：npm install mockjs

package文件中显示当前mockjs版本说明安装成功

1.在main.js同级下建立mock.js文件：

1>引入mockjs文件

const Mock=require('mockjs');

var template={

'data|1-4':[{

'title':'@title',

'article':'@article'

}]

}

Mock.mock('/api/data',template);   网址自己随意定义，访问时要和这个网址一致就可以

2.在main.js中引入mock文件

require('./mock');

3.vue文件中访问该接口mock

var _self=this;
    $.ajax({
      type:'POST',
      url:'/api/data',
      dataType:'json',
      success:function(res){
        _self.data=res.data;
      }
    })