vue中mock.js使用

首先安装mockjs,可以引入cdn:

或使用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;
      }
    })

你可能感兴趣的:(mock.js)