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

   注：mock.js基础教程可参见  https://blog.csdn.net/qq_42205731/article/details/81705350

安装

     命令行输入 cnpm install mockjs 

在main.js同级新建mockjs文件

    内容如下：

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文件中调用接口

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