vue项目中使用mock.js模拟数据

   注：mock.js基础教程可参见  https://www.geek-share.com/detail/2745321448.html

安装

     命令行输入 cnpm install mockjs 

在main.js同级新建mockjs文件

    内容如下：

[code]const Mock=require('mockjs');  //引入mockjs文件
var template={
'data|1-4':[{
'title':'@title',
'article':'@article'
}]
}

var template1={
'data|1-4':[{
'title':'小王',
'article':'赵四'
}]
}
Mock.mock('/api/data',template);   //网址自定义，和请求路径相同即可
Mock.mock('/api/data1',template1);

在main.js中引入mock文件

     require('./mock');

在你要使用的vue文件中调用接口

[code]$.ajax({
type:'POST',
url:'/api/data1',    //url 路径和自建的mock.js文件中的网址保持一致
dataType:'json',
success:function(res){
console.log(res.data);
}
})