注: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);
}
})